/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


#calendar .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529; }
  #calendar .table th,
  #calendar .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  #calendar .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  #calendar .table tbody + tbody {
    border-top: 2px solid #dee2e6; }

#calendar .table-sm th,
#calendar .table-sm td {
  padding: 0.3rem; }

#calendar .table-bordered {
  border: 1px solid #dee2e6; }
  #calendar .table-bordered th,
  #calendar .table-bordered td {
    border: 1px solid #dee2e6; }
  #calendar .table-bordered thead th,
  #calendar .table-bordered thead td {
    border-bottom-width: 2px; }

#calendar .table-borderless th,
#calendar .table-borderless td,
#calendar .table-borderless thead th,
#calendar .table-borderless tbody + tbody {
  border: 0; }

#calendar .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

#calendar .table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075); }

#calendar .table-primary,
#calendar .table-primary > th,
#calendar .table-primary > td {
  background-color: #b8daff; }

#calendar .table-primary th,
#calendar .table-primary td,
#calendar .table-primary thead th,
#calendar .table-primary tbody + tbody {
  border-color: #7abaff; }

#calendar .table-hover #calendar .table-primary:hover {
  background-color: #9fcdff; }
  #calendar .table-hover #calendar .table-primary:hover > td,
  #calendar .table-hover #calendar .table-primary:hover > th {
    background-color: #9fcdff; }

#calendar .table-secondary,
#calendar .table-secondary > th,
#calendar .table-secondary > td {
  background-color: #d6d8db; }

#calendar .table-secondary th,
#calendar .table-secondary td,
#calendar .table-secondary thead th,
#calendar .table-secondary tbody + tbody {
  border-color: #b3b7bb; }

#calendar .table-hover #calendar .table-secondary:hover {
  background-color: #c8cbcf; }
  #calendar .table-hover #calendar .table-secondary:hover > td,
  #calendar .table-hover #calendar .table-secondary:hover > th {
    background-color: #c8cbcf; }

#calendar .table-success,
#calendar .table-success > th,
#calendar .table-success > td {
  background-color: #c3e6cb; }

#calendar .table-success th,
#calendar .table-success td,
#calendar .table-success thead th,
#calendar .table-success tbody + tbody {
  border-color: #8fd19e; }

#calendar .table-hover #calendar .table-success:hover {
  background-color: #b1dfbb; }
  #calendar .table-hover #calendar .table-success:hover > td,
  #calendar .table-hover #calendar .table-success:hover > th {
    background-color: #b1dfbb; }

#calendar .table-info,
#calendar .table-info > th,
#calendar .table-info > td {
  background-color: #bee5eb; }

#calendar .table-info th,
#calendar .table-info td,
#calendar .table-info thead th,
#calendar .table-info tbody + tbody {
  border-color: #86cfda; }

#calendar .table-hover #calendar .table-info:hover {
  background-color: #abdde5; }
  #calendar .table-hover #calendar .table-info:hover > td,
  #calendar .table-hover #calendar .table-info:hover > th {
    background-color: #abdde5; }

#calendar .table-warning,
#calendar .table-warning > th,
#calendar .table-warning > td {
  background-color: #ffeeba; }

#calendar .table-warning th,
#calendar .table-warning td,
#calendar .table-warning thead th,
#calendar .table-warning tbody + tbody {
  border-color: #ffdf7e; }

#calendar .table-hover #calendar .table-warning:hover {
  background-color: #ffe8a1; }
  #calendar .table-hover #calendar .table-warning:hover > td,
  #calendar .table-hover #calendar .table-warning:hover > th {
    background-color: #ffe8a1; }

#calendar .table-danger,
#calendar .table-danger > th,
#calendar .table-danger > td {
  background-color: #f5c6cb; }

#calendar .table-danger th,
#calendar .table-danger td,
#calendar .table-danger thead th,
#calendar .table-danger tbody + tbody {
  border-color: #ed969e; }

#calendar .table-hover #calendar .table-danger:hover {
  background-color: #f1b0b7; }
  #calendar .table-hover #calendar .table-danger:hover > td,
  #calendar .table-hover #calendar .table-danger:hover > th {
    background-color: #f1b0b7; }

#calendar .table-light,
#calendar .table-light > th,
#calendar .table-light > td {
  background-color: #fdfdfe; }

#calendar .table-light th,
#calendar .table-light td,
#calendar .table-light thead th,
#calendar .table-light tbody + tbody {
  border-color: #fbfcfc; }

#calendar .table-hover #calendar .table-light:hover {
  background-color: #ececf6; }
  #calendar .table-hover #calendar .table-light:hover > td,
  #calendar .table-hover #calendar .table-light:hover > th {
    background-color: #ececf6; }

#calendar .table-dark,
#calendar .table-dark > th,
#calendar .table-dark > td {
  background-color: #c6c8ca; }

#calendar .table-dark th,
#calendar .table-dark td,
#calendar .table-dark thead th,
#calendar .table-dark tbody + tbody {
  border-color: #95999c; }

#calendar .table-hover #calendar .table-dark:hover {
  background-color: #b9bbbe; }
  #calendar .table-hover #calendar .table-dark:hover > td,
  #calendar .table-hover #calendar .table-dark:hover > th {
    background-color: #b9bbbe; }

#calendar .table-active,
#calendar .table-active > th,
#calendar .table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

#calendar .table-hover #calendar .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  #calendar .table-hover #calendar .table-active:hover > td,
  #calendar .table-hover #calendar .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

#calendar .table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55; }

#calendar .table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

#calendar .table-dark {
  color: #fff;
  background-color: #343a40; }
  #calendar .table-dark th,
  #calendar .table-dark td,
  #calendar .table-dark thead th {
    border-color: #454d55; }
  #calendar .table-dark#calendar .table-bordered {
    border: 0; }
  #calendar .table-dark#calendar .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  #calendar .table-dark#calendar .table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  #calendar .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    #calendar .table-responsive-sm > #calendar .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  #calendar .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    #calendar .table-responsive-md > #calendar .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  #calendar .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    #calendar .table-responsive-lg > #calendar .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  #calendar .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    #calendar .table-responsive-xl > #calendar .table-bordered {
      border: 0; } }

#calendar .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  #calendar .table-responsive > #calendar .table-bordered {
    border: 0; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }


.elegant-calencar {
  max-width: 700px;
  text-align: center;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0px 19px 27px -20px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 19px 27px -20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 19px 27px -20px rgba(0, 0, 0, 0.16); }

.wrap-header {
  position: relative;
  width: 45%;
  background: #cb6d0d; }
  @media (max-width: 767.98px) {
    .wrap-header {
      width: 100%;
      padding: 20px 0; } }

#header {
  width: 100%;
  position: relative; }
  #header .pre-button, #header .next-button {
    cursor: pointer;
    width: 1em;
    height: 1em;
    line-height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px; }
    #header .pre-button i, #header .next-button i {
      color: #fff; }

.pre-button {
  left: 5px; }

.next-button {
  right: 5px; }

.head-day {
  font-size: 8em;
  line-height: 1;
  color: #fff; }

.head-month {
  font-size: 2em;
  line-height: 1;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase; }

.calendar-wrap {
  width: 100%;
  background: #fff;
  padding: 40px 20px 20px 20px; }

#calendar {
  width: 100%; }

#calendar tr {
  height: 3em; }

#calendar thead tr {
  color: #000;
  font-weight: 700; }

#calendar tbody tr {
  color: #000; }

#calendar tbody td {
  width: 14%;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 0; }
  #calendar tbody td:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 44px;
    height: 44px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: -1; }
    @media (prefers-reduced-motion: reduce) {
      #calendar tbody td:after {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }

#calendar tbody td:hover, #calendar .selected {
  color: #fff;
  border: none; }
#calendar tbody td:hover:after, #calendar .selected:after {
    background: #2a3246; }

#calendar tbody td:active {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7); }

#today {
  color: #fff; }
  #today:after {
    background: #cb6d0d; }

#disabled {
  cursor: default;
  background: #fff; }

#disabled:hover {
  background: #fff;
  color: #c9c9c9; }
  #disabled:hover:after {
    background: transparent; }

#reset {
  display: block;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  z-index: 999;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  padding: 0 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-size: 11px; }

#reset:hover {
  color: #fff;
  border-color: #fff; }

#reset:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }