/* ====================================>>
    Theme Name: bookingkian
	Theme URI: https://bookingkian.ir/
	Author: Ashkan Kiani
	Author URI: https://ashkankiani.ir/
	Description: Premium Themes.
	Version: 1.0.0
	License: Private Public License
	License URI: https://ashkankiani.ir/
    Programmer and Back-End: Ashkan Kiani
    Programmer Contact: http://www.ashkankiani.ir/ - 72kiany.ashkan@gmail.com - 09120143029 - 09031648182
====================================>> */
/* ====================================>>
    Font & * & Html & Body & ...
   ====================================>> */
@import url(../../node_modules/bootstrap/dist/css/bootstrap.rtl.min.css);
@import url(../../node_modules/sweetalert/sweetalert.css);
@import url(../../node_modules/persian-datepicker/persian-datepicker.min.css);
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/eot/IRANSansWeb_Bold.eot");
  src: url("../fonts/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Bold.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/eot/IRANSansWeb_Medium.eot");
  src: url("../fonts/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Medium.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/eot/IRANSansWeb_Light.eot");
  src: url("../fonts/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_Light.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/eot/IRANSansWeb_UltraLight.eot");
  src: url("../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/ttf/IRANSansWeb_UltraLight.ttf") format("truetype"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/eot/IRANSansWeb.eot");
  src: url("../fonts/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/woff/IRANSansWeb.woff") format("woff"), url("../fonts/ttf/IRANSansWeb.ttf") format("truetype"); }
html {
  height: 100%; }
  html body {
    font-family: IRANSans, Tahoma, Aria, sans-serif;
    font-size: 0.9rem;
    font-weight: 200;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    color: #4a5f73 !important;
    background-position: center center;
    background-size: cover; }
    html body header {
      flex: 0 0 auto;
      background-color: #FFF;
      z-index: 13; }
    html body .main-content {
      flex: 1 0 auto; }
    html body footer {
      flex: 0 0 auto;
      z-index: 13; }

a {
  color: #4a5f73;
  text-decoration: none; }

a:hover,
a:focus {
  text-decoration: none;
  color: #4a5f73; }

.tooltip {
  font-family: IRANSans; }

.logo {
  display: table;
  margin: 0 auto; }
  .logo img {
    max-height: 80px; }

.menu {
  display: block; }
  .menu ul {
    margin: 0;
    padding: 0; }
    .menu ul li {
      display: inline-block;
      margin: 0;
      padding: 0; }
      .menu ul li a {
        display: block;
        margin: 0;
        padding: 4px 6px;
        color: #4a5f73;
        font-weight: 500;
        min-width: 90px; }
      .menu ul li div {
        cursor: default; }

.form-booking input, .form-booking select {
  font-weight: 300; }

.list-booking .box-date {
  background-color: #FFF; }
  .list-booking .box-date .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem; }
  .list-booking .box-date .body .form-check {
    position: relative;
    padding-right: 0; }
    .list-booking .box-date .body .form-check:hover {
      background-color: #f7f7f7; }
    .list-booking .box-date .body .form-check.reserve-info {
      pointer-events: none;
      user-select: none;
      background-color: rgba(13, 110, 253, 0.31);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-radius: 5px; }
      .list-booking .box-date .body .form-check.reserve-info label {
        opacity: 1;
        color: #fff; }
      .list-booking .box-date .body .form-check.reserve-info input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        background-color: #0d6efd;
        border-color: #0d6efd; }
    .list-booking .box-date .body .form-check.reserve-danger {
      pointer-events: none;
      user-select: none;
      background-color: rgba(255, 0, 36, 0.3);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .list-booking .box-date .body .form-check.reserve-danger label {
        opacity: 1;
        color: #fff; }
      .list-booking .box-date .body .form-check.reserve-danger input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        background-color: #ff0024;
        border-color: #ff0024; }
    .list-booking .box-date .body .form-check.reserve-success {
      pointer-events: none;
      user-select: none;
      background-color: rgba(0, 200, 147, 0.31);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .list-booking .box-date .body .form-check.reserve-success label {
        opacity: 1; }
      .list-booking .box-date .body .form-check.reserve-success input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        background-color: #00c893;
        border-color: #00c893; }
    .list-booking .box-date .body .form-check.reserve-gray {
      pointer-events: none;
      user-select: none;
      background-color: rgba(97, 97, 90, 0.31);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .list-booking .box-date .body .form-check.reserve-gray label {
        opacity: 1; }
      .list-booking .box-date .body .form-check.reserve-gray input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
        background-color: #61615a;
        border-color: #61615a; }
    .list-booking .box-date .body .form-check input {
      float: left;
      display: table;
      margin-right: auto;
      margin-top: 5px; }
    .list-booking .box-date .body .form-check label {
      width: calc(100% - 15px);
      font-size: 1rem;
      line-height: normal; }

.list-order {
  font-size: 0.9rem; }

.line-height-normal {
  line-height: normal; }

.cursor-pointer-default {
  cursor: default;
  user-select: none; }

.user-booking .photo {
  max-width: 130px;
  border-radius: 0 0.25rem 0.25rem 0; }
@media (max-width: 767px) {
  .user-booking {
    text-align: center; }
    .user-booking .photo {
      padding: .25rem;
      background-color: #fff;
      -webkit-border: 1px solid #dee2e6;
      -moz-border: 1px solid #dee2e6;
      -ms-border: 1px solid #dee2e6;
      border: 1px solid #dee2e6;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      -ms-border-radius: 0.25rem;
      border-radius: 0.25rem;
      height: auto;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; } }
@media (min-width: 768px) {
  .user-booking .card-description {
    width: calc(100% - 330px); }
  .user-booking .card-action {
    min-width: 200px; } }

.booking-accordion .accordion-button {
  padding: .5rem 0.75rem !important;
  font-size: 0.85rem; }

/* ====================================>>
    Bootstrap Elements
   ====================================>> */
/*
* {
  outline: none;
}

a {
  color: $primary-color-body;
}

a:hover,
a:focus {
  text-decoration: none;
  color: $primary-color-body;
}

a:visited {
  color: $color-primary-4;
}

.form-control:focus {
  border-color: $rgba-primary-0;
  box-shadow: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: $rgba-primary-2;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: $rgba-primary-2;
}

@media (min-width: 576px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1420px;
  }
}

.tooltip-inner {
  font-size: $font-normal - 2;
  font-family: $font-iransans;
  background-color: $color-primary-2;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
  border-top-color: $color-primary-2;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
  border-right-color: $color-primary-2;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: $color-primary-2;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
  border-left-color: $color-primary-2;
}

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

.popover {
  font-family: $font-iransans;
  font-size: $font-normal - 1;
  line-height: 24px;
  color: #bebebe !important;
  font-weight: 300 !important;
}


!* ====================================>>
    CSS Elements
   ====================================>> *!
.wrapper-text {
  h1, h2, h3, h4, h5, h6, p {
    display: block;
    line-height: 32px;
  }
  h1 {
    font-size: $font-normal + 6;
    font-weight: bold;
    margin-bottom: 8px;
    color: #252525;
  }
  h2 {
    font-size: $font-normal + 5;
    font-weight: 500;
    margin-bottom: 7px;
    color: #282828;
  }
  h3 {
    font-size: $font-normal + 4;
    margin-bottom: 6px;
    color: #323232;
  }
  h4 {
    font-size: $font-normal + 3;
    margin-bottom: 6px;
    color: #363636;
  }
  h5 {
    font-size: $font-normal + 2;
    margin-bottom: 5px;
    color: #393939;
  }
  h6 {
    font-size: $font-normal + 1;
    margin-bottom: 3px;
    color: #404040;

  }
  p {
    font-size: $font-normal + 1;
    color: #454545;
    margin-bottom: .5rem;
    margin-top: .5rem;
    a {
      font-weight: 500;
    }
    strong {
      color: #404040;
    }
    span[style*="text-decoration:underline"] {
      border-bottom: solid 1px #dbdbdb;
      display: inline;
      padding-bottom: 3px;
      text-decoration: none !important;
    }
  }
  a {
    color: $color-primary-2;
    :hover {
      color: $color-primary-4;
    }
  }
  ul, ol {
    display: block;
    margin: 10px 25px 10px 0;
    padding: 0;
    li {
      position: relative;
      margin: 0 auto 5px;
      line-height: normal;
      padding: 2px 4px;
      color: #454545;
      p {
        font-size: inherit;
        color: inherit;
        margin-bottom: 0;
        margin-top: 0;
        line-height: inherit;
      }
    }

  }

  @media (max-width: 575px) {
    h1 {
      font-size: $font-normal + 3;
    }
    h2 {
      font-size: $font-normal + 2;
    }
    h3 {
      font-size: $font-normal + 1;
    }
    h4 {
      font-size: $font-normal;
    }
    h5 {
      font-size: $font-normal - 1;
    }
    h6 {
      font-size: $font-normal - 2;
    }
    p {
      font-size: $font-normal - 1;
    }
  }

}

.wrapper-text-sm {
  h1, h2, h3, h4, h5, h6, p {
    display: block;
    line-height: 28px;
  }
  h1 {
    font-size: $font-normal + 4;
    font-weight: bold;
    margin-bottom: 7px;
    color: #252525;
  }
  h2 {
    font-size: $font-normal + 3;
    font-weight: 500;
    margin-bottom: 6px;
    color: #282828;
  }
  h3 {
    font-size: $font-normal + 2;
    color: #323232;
  }
  h4 {
    font-size: $font-normal + 1;
    font-weight: normal;
    color: #363636;
  }
  h5 {
    font-size: $font-normal;
    font-weight: 300;
    color: #393939;
  }
  h6 {
    font-size: $font-normal - 1;
    font-weight: 200;
    color: #404040;
  }
  p {
    font-size: $font-normal;
    font-weight: 300;
    color: #454545;
    margin-bottom: 1rem;
    a {
      font-weight: 500;
    }
    strong {
      color: #404040;
    }
    span[style*="text-decoration:underline"] {
      border-bottom: solid 1px #dbdbdb;
      display: inline;
      padding-bottom: 3px;
      text-decoration: none !important;
    }
  }
  a {
    color: $color-primary-2;
    :hover {
      color: $color-primary-4;
    }
  }
  ul, ol {
    display: block;
    margin: 10px 25px 10px 0;
    padding: 0;
    li {
      position: relative;
      margin: 0 auto 5px;
      line-height: normal;
      padding: 2px 4px;
      color: #454545;
      p {
        font-size: inherit;
        color: inherit;
        margin-bottom: 0;
        margin-top: 0;
        line-height: inherit;
      }
    }

  }

  @media (max-width: 575px) {
    h1 {
      font-size: $font-normal + 2;
    }
    h2 {
      font-size: $font-normal + 1;
    }
    h3 {
      font-size: $font-normal;
    }
    h4 {
      font-size: $font-normal;
    }
    h5 {
      font-size: $font-normal;
    }
    h6 {
      font-size: $font-normal;
    }
    p {
      font-size: $font-normal - 1;
    }
  }

}


*/

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