body {
  font-family: "Roboto", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}
p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2d333d;
}

body.is-fullpage {
  background: linear-gradient(169deg, #f5fbfd 0%, #f4fafd 29%, #f2f1f9 100%);
}

.is-fullpage .block-text.bg-primary {
  background: linear-gradient(108deg, #0083b1 0%, #284fa7 100%) !important;
}
.is-fullpage .block-text:before {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/frontend/custom/37/bg-top-brush.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.card.has-number .card-number {
  color: #4682c3;
}

.btn-primary {
  background-color: #bbe6eb;
  color: #4682c3;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 30px;
}

.btn-secondary {
  background-color: #bbe6eb;
  color: #4682c3;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 30px;
}
.btn-secondary:disabled {
  background-color: #bbe6eb !important;
  color: #4682c3 !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #a3dfe5 !important;
  color: #4682c3 !important;
}

.navbar-side-body ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #2d333d;
}

.navbar-side-body ul li a.active,
.navbar-side-body ul li a:hover,
.navbar-side-body ul li a.active,
.navbar-side-body ul li a:focus,
.navbar-side-body ul li a.active span {
  background-color: #bbe6eb;
  color: #4682c3;
  font-weight: 600;
  font-size: 16px;
  border-radius: 30px;
}

.navbar-fixed-side {
  background-color: #fff;
}

.bg-secondary {
  background-color: #fff !important;
}
.bg-secondary .text-white {
  color: #4682c3 !important;
}

.btn-light {
  background-color: transparent;
  border: 1px solid #2d333d;
  color: #2d333d;
}

.sidebar-body .btn-primary {
  background-color: #4682c3;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  border-radius: 30px;
  width: 100%;
  margin-top: 10px;
}

.card.card-banner {
  border-radius: 30px;
  border: 1px solid #e7e7e7;
}

.card.has-number {
  border-radius: 30px;
}

.input-group.has-button {
  border-radius: 20px;
  box-shadow: 10px 10px 29px #0000004a;
}

.input-group.has-button .form-control {
  border-radius: 20px 0 0 20px;
  border: 0;
}

.navbar-side-foot .card.is-banner {
  max-width: 270px;
}

.main-container {
  background: linear-gradient(169deg, #f5fbfd 0%, #f4fafd 29%, #f2f1f9 100%);
}

.main-container:before {
  content: "";
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/frontend/custom/37/bg-top-brush.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  pointer-events: none;
}
body.is-videocall .main-container:before {
  display: none;
}

.input-group.has-button .input-group-btn .btn-default {
  border-radius: 0 20px 20px 0;
  border: 0;
}

div.dataTables_wrapper .table-head-filters div.dataTables_filter input {
  border-radius: 20px;
  border: 0;
  box-shadow: 10px 10px 29px #0000004a;
}

.card.is-status-message {
  border: 0;
  border-radius: 20px;
}

.card.is-banner-appointment.icon-120 {
  background-color: transparent;
  background-image: url(/frontend/custom/37/bg-banner-prenota.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 35px;
  margin-bottom: 50px !important;
  border-radius: 30px;
  overflow: hidden;
}
.card.is-banner-appointment h3 {
  color: #2d333d;
}

.card.is-banner-appointment.icon-120 .btn-secondary {
  background: linear-gradient(107deg, #592eaa 0%, #3149a8 85%, #284fa7 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}
.card.is-banner-appointment.icon-120 .btn-secondary.mt-1,
.card.is-banner-appointment.icon-120 .btn-secondary.mt-2 {
  margin-top: 10px !important;
}

.card.is-banner-appointment.icon-120:before {
  content: "";
  width: 700px;
  height: 160px;
  background-image: url(/frontend/custom/37/brush-1.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 40px;
  pointer-events:none;
}

.card.is-banner-appointment.icon-120 .btn-secondary:hover {
  background: #4682c3 !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}

.card.is-banner-appointment.icon-120 .btn-secondary + .btn-secondary {
  background: linear-gradient(108deg, #0083b1 0%, #284fa7 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}

.section-title.page-head .btn {
  font-size: 14px;
  padding: 13px 16px;
}

.form-steps__item--active .form-steps__item-icon {
  background-color: #4682c3;
}

/* icons */
.icon-head-cross {
  background-image: url(/frontend/custom/37/icon-head-cross-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-head-cross, .navbar-side-body ul li a.active .icon-head-cross {
  background-image: url(/frontend/custom/37/icon-head-cross-cerba.svg);
}
.icon-calendar-cross {
  background-image: url(/frontend/custom/37/icon-calendar-cross-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-calendar-cross, .navbar-side-body ul li a.active .icon-calendar-cross {
  background-image: url(/frontend/custom/37/icon-calendar-cross-cerba.svg);
}

.icon-invoice {
  background-image: url(/frontend/custom/37/icon-invoice-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-invoice, .navbar-side-body ul li a.active .icon-invoice {
  background-image: url(/frontend/custom/37/icon-invoice-cerba.svg);
}


.icon-invoice-sign {
  background-image: url(/frontend/custom/37/icon-invoice-sign-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-invoice-sign, .navbar-side-body ul li a.active .icon-invoice-sign {
  background-image: url(/frontend/custom/37/icon-invoice-sign-cerba.svg);
}
.icon-folder-cross {
  background-image: url(/frontend/custom/37/icon-folder-cross-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-folder-cross, .navbar-side-body ul li a.active .icon-folder-cross {
  background-image: url(/frontend/custom/37/icon-folder-cross-cerba.svg);
}
.icon-invoice-sign {
  background-image: url(/frontend/custom/37/icon-invoice-sign-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-invoice-sign, .navbar-side-body ul li a.active .icon-invoice-sign {
  background-image: url(/frontend/custom/37/icon-invoice-sign-cerba.svg);
}
.icon-doctor {
  background-image: url(/frontend/custom/37/icon-doctor-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-doctor, .navbar-side-body ul li a.active .icon-doctor {
  background-image: url(/frontend/custom/37/icon-doctor-cerba.svg);
}
.icon-file-edit {
  background-image: url(/frontend/custom/37/icon-file-edit-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-file-edit, .navbar-side-body ul li a.active .icon-file-edit {
  background-image: url(/frontend/custom/37/icon-file-edit-cerba.svg);
}
.icon-info-circle {
  background-image: url(/frontend/custom/37/icon-info-circle-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-info-circle, .navbar-side-body ul li a.active .icon-info-circle {
  background-image: url(/frontend/custom/37/icon-info-circle-cerba.svg);
}
.icon-calendar-cross-add {
  background-image: url(/frontend/custom/37/icon-calendar-cross-add-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-calendar-cross-add, .navbar-side-body ul li a.active .icon-calendar-cross-add {
  background-image: url(/frontend/custom/37/icon-calendar-cross-add-cerba.svg);
}
.icon-chat {
  background-image: url(/frontend/custom/37/icon-chat-cerba.svg);
}
.navbar-side-body ul li a:hover .icon-chat, .navbar-side-body ul li a.active .icon-chat {
  background-image: url(/frontend/custom/37/icon-chat-cerba.svg);
}
.bg-icon-calendar-add {
  background-image: url(/frontend/custom/37/icon-calendar-cross-add-cerba.svg);
}
.bg-icon-chat {
  background-image: url(/frontend/custom/37/icon-chat-cerba.svg);
}
.bg-icon-patient-laptop {
  background-image: url(/frontend/custom/37/icon-patient-laptop-cerba.svg);
}
.bg-icon-folder-cross {
  background-image: url(/frontend/custom/37/icon-folder-cross-cerba.svg);
}
.bg-icon-file-edit {
  background-image: url(/frontend/custom/37/icon-file-edit-cerba.svg);
}
.bg-icon-invoice {
  background-image: url(/frontend/custom/37/icon-invoice-cerba.svg);
}
.bg-icon-invoice-sign {
  background-image: url(/frontend/custom/37/icon-invoice-sign-cerba.svg);
}