@charset "UTF-8"; 

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');


:root {
  --primary-color: #CD0021;
  --secondary-color: #111111;
  --tertiary-color: #FBFBFB;
  --white: #fff;
  --black: #111111;
  --grey: #eeeeee;
  --palegrey: #f7efce;
}


@font-face {
    font-family: 'Bigola Display';
    src: url('/media/design24.gnomen-europe.com/fonts/BigolaDisplay-Italic.woff2') format('woff2'),
        url('/media/design24.gnomen-europe.com/fonts/BigolaDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bigola Display';
    src: url('/media/design24.gnomen-europe.com/fonts/BigolaDisplay-Regular.woff2') format('woff2'),
        url('/media/design24.gnomen-europe.com/fonts/BigolaDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.loginImage {
  background-image: url("/media/design24.gnomen-europe.com/images/login-bg.jpg");
  background-size: cover;
}

.topBar a {
  color: var(--secondary-color);
}

.contentWrapLogin {
  background: #edefef !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .viewing-slots tr:nth-child(2) .container input:checked ~ .checkmark {
  background: var(--primary-color) !important;border-radius: 50px;
  padding: 12px 24px;
  color: var(--white);
}
.main-color, .btn-link, .btn-link:hover, .nav a.nav-link.active, .nav a.nav-link.active:hover, .nav .nav-link.active i, a, a:hover, .bookViewingWrap table tr:first-child td.today b {
  color: var(--primary-color);
}


.card {
  border: none !important;
}
.sidebarWrap {
  background-color: #fff !important;
  border-right: #fff !important; 
}
.nav a.nav-link {
  color: var(--white) !important;
}
.contentWrap {
  background: #edefef !important;
}
.topBar {
  background: var(--white) !important;
}

.dashIcon, .dashCircleIcon {
  background: var(--primary-color) !important;
}

body {font-family: 'Inter',sans-serif;}

p {font-family: 'Inter',sans-serif; line-height: 30px;}

h1,h2,h3,h4,h5,h5,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Bigola Display';}

html, body {
  color: var(--secondary-color) !important;
}

.carousel {
 background: rgb(13,13,13);
background: -moz-linear-gradient(0deg, rgba(13,13,13,1) 9%, rgba(49,49,49,0) 62%);
background: -webkit-linear-gradient(0deg, rgba(13,13,13,1) 9%, rgba(49,49,49,0) 62%);
background: linear-gradient(0deg, rgba(13,13,13,1) 9%, rgba(49,49,49,0) 62%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0d0d",endColorstr="#313131",GradientType=1); 
}

.showEcom {
  display: none;
}

.dashCircle {
  background: white;
  color: var(--secondary-color);
  border-color: var(--primary-color);
}
.dashTitle {
  color: var(--secondary-color);
}
.contactDetails {
  color: #111111;
}
.logoWrap {
  border-bottom: none;
}
#myTab li a {
  color: var(--secondary-color) !important;
}
#myTabContent .table-responsive tbody {
  color: var(--secondary-color) !important;
}

.carousel-caption h5 {
  font-size: 28px;
  line-height:28px;
}

.loginWrap .form-control {
  padding: 0.675rem 0.85rem !important;
  height: 46px;
}

.propertyPrice.main-color {
  color: var(--secondary-color);font-size: 30px;
}
.card-body h6.main-color a {
  color: var(--secondary-color);
}
.card-body i {
  color: var(--secondary-color);
}
.loginWrap h4 {
  margin-bottom: 20px;font-size: 28px !important;
}
.card-body img {
  border-radius: 5px;
}
.payment-gatewaypp i, .payment-gatewaywp i {
  font-size: 20px;
}
.payment-gatewaypp, .payment-gatewaywp {
  margin-bottom: 20px;
}
.card-body .btn.btn-outline-secondary {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white);
}
.card-body {
  padding: 30px;
}

.topBar {
  border-bottom: 1px solid #e5e8e8;
  height: 70px;}

.topBar h2 {
  color: var(--secondary-color);
  font-size: 24px;
}

.table td {
  color: var(--secondary-color);
}

#myTab {
  margin-bottom: 0;
}
.card-header {
  border-radius: 0 !important;
  border: 1px solid #d5d5d5;
  margin-top: -1px;
}
#myTab li a.active {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
#work_orders .badge {
  background: var(--secondary-color);
}

.contactDetails {
  font-size: 16px;
margin-bottom: 40px;
}

#carouselExampleCaptions {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.carousel-item img {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.carousel-caption {
  bottom: 40px;
}
.loginWrap > p:nth-child(4) {
  line-height: 16px;
  margin-bottom: 6px;
}
.loginWrap .d-flex a {
  margin-left: auto;
}
.cardBodyForm .form-control {
  height: 46px;
}
.nav-link.active span {
  color: var(--primary-color) !important;
}
.dashCircleIcon i {
  font-size: 42px;
  color: var(--secondary-color);
}
.card.additionalTenant .card-body {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 5px;
}