
/*********************************
* BASE
*********************************/
body {
  /* background: #fff !important; */
  font-family: 'Montserrat';
}
.job-title {
  font-size: 14px !important;
}

/*********************************
* Components
*********************************/
.btn-primary {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
  -webkit-boxbox-shadow: unset !important;
  box-shadow: unset !important;
}
.btn-primary-blue {
  background-color: #1C52B4 !important;
  border-color: #1C52B4 !important;
  -webkit-boxbox-shadow: unset !important;
  box-shadow: unset !important;
}
.page-item.active, .page-item.active .page-link {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
}
.orders-item.active {
  background-color: transparent !important;
  border-bottom: 3px solid #8A171A !important;
  color: #8A171A !important;
}
.bg-completed {
  color: #0acf97;
}
.bg-processing {
  color: #39afd1;
}
.bg-canceled {
  color: #fa5c7c;
}
.bg-on-hold {
  color: #ffbc00;
}
.bg-court {
  color: #727cf5;
}
.bg-client {
  color: #6c757d;
}
.primary-link {
  color: #8A171A !important;
}
.primary-link-blue {
  color: #1C52B4 !important;
}
.primary-link:hover, .nav-link:hover {
  color: #8A171A !important;
}
.text-right {
  text-align: right;
}
.action-notice {
  color: #6c757d;
}
.dark-strong strong {
  color: #6c757d;
}
.form-check-input:checked {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
}
.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dark-strong strong {
  color: #6c757d;
}
.bg-blue-light {
  background-color: #1C52B4;
}
.bg-blue-dark {
  background-color: #2D4176;
}
.bg-blue-superlight {
  background-color: #F3F7FA;
}
.color-white {
  color: #fff;
}
.text-blue {
  color: #1C52B4 !important;
}
.bg-primary {
  background-color: #8A171A !important;
}
body > .wrapper {
  margin-top: -300px;
}
/*********************************
* HEADER
*********************************/
header {
  background: transparent;
}
.zinarrowDropdown.flex-row {
  flex-direction: column !important;
}
.navbar-toggler i {
  font-size: 35px !important;
  color: #fff;
}
.navbar-toggler {
  color: #fff;
}
/* .navbar-nav .navbar-item:last-child {
  padding-left: 2.75rem !important;
} */
.navbar-item .login-nav {
  border-radius: 30px;
  font-weight: 600;
}
header .navbar-nav li a {
  font-family: "Montserrat";
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 1rem;
}
header .navbar-nav a.btn {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-right: 4.3rem !important;
  padding-left: 4.3rem !important;
}
header .navbar-nav .btn-outline-light {
  border: 1px solid #fff;
}
@media screen and (max-width:991px) {
  .navbar-nav .navbar-item:last-child {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}
/*********************************
* FOOTER
*********************************/
.signup-btn {
  border-radius: 30px;
}
.footer-logo {
  max-width: 300px;
  width: 100%;
}
.footer-content-title::after {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background-color: #961519;
  position: absolute;
  z-index: 999;
  left: 0;
  bottom: -25px;
}
.footer-content-title {
  position: relative;
}
.footer-links {
  list-style-type: none;
}
.footer-links .link-item a {
  position: relative;
  margin-left: 25px;
}
.footer-links .link-item a i {
  position: absolute;
  top: -9px;
  font-size: 30px;
  left: -40px;
}
.footer-links .link-item a.readmore-btn {
  font-weight: 700;
}
.color-white.m-0.readmore-btn::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 9px;
  right: -60px;
}
.main-footer {
  font-family: "Montserrat";
}
footer .container-fluid {
  display: flex;
  flex-direction: column;
}
footer .section .container .row div:nth-child(1) h3 {
  font-family: "Sans";
  font-weight: 500;
  padding: 0px 95px 0px 94px;
}
.footer-content > div:nth-child(2) {
  background-color: #1F3265;
}
footer .section {
  border-top: 14px solid #8A171B;
}
.footer-content .container-fluid .col-3.pt-1 {
  padding-left: 50px;
}
.footer-content h3 {
  font-size: 18px;
}

/*********************************
* REQUEST NOTICE TO OWNER
*********************************/
.nav-link.page-item.active:hover {
  color: #fff !important;
}
.dates-content-wrapper {
  padding: 120px 45px !important;
}

/*********************************
* MY Account
*********************************/
.list-group.my-account-nav {
  border-radius: 0;
}
.list-group.my-account-nav li.list-group-item {
  background: transparent ;
}
.my-account-nav .list-group-item.active {
  border-color: #eef2f7 !important;
}
.my-account-nav .list-group-item.active a {
  color: #8A171A !important;
}
/*********************************
* MY ORDERS
*********************************/
.dripicons-clockwise::before {
  transform: scaleX(-1) rotate(-90deg);
}
.my-orders-filter .nav-item, .my-orders-filter .filter-item {
  height: 60px !important;
  border-right: 1px solid #EEF2F7;
}
.my-orders-filter .nav-item:last-child {
  border-right: 0px;
}
.filter-dropdown {
  background-color:  transparent !important;
  border: 0px !important;
  box-shadow: none !important;
}
.my-orders-filter .dropdown-toggle::after {
  display:  none;
}
.my-orders-table .table, .my-orders-table .table thead, .my-orders-table .table tbody, .my-orders-table .table tr, .my-orders-table .table th, .my-orders-table .table td {
  border: 0px !important;
}

.order-now-txt {
    /* margin-top: -40px; */
  }
/*********************************
* MESSAGE CENTER
*********************************/
.tickets-btn:focus {
  box-shadow: none;
}
/*********************************
* MESSAGE CENTER TEMPLATE
*********************************/
.message-template-user img {
  width: 60px;
  height: 60px;
}
.message-template-content::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #EEF2F7;
  position: absolute;
  top: -15px;
  left: 30px;
}
