/*================================================================================
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');

html body {
  background-color: #F7F7FA;
  font-family: sans-serif;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility;
}

.navigation {
  font-family: sans-serif;
}

.img-preview {
  display: block;
  margin-right: 1rem;
}

.img-preview img {
  height: 5rem;
  width: 5rem;
  object-fit: cover;
}

.card {
  box-shadow: none;
  border: 1px solid #e9e8ef;
  border-radius: 0;
}

.card.dashboard .statistics-body {
  padding: 1rem 1rem !important
}

.card.dashboard .card-header {
  padding-left: 1rem !important
}

.card.dashboard .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.btn {
  border-radius: 0;
  /*-webkit-box-shadow :0 2px 2px 0 rgb(60 72 118 / 14%), 0 3px 1px -2px rgb(60 72 118 / 20%), 0 1px 5px 0 rgb(60 72 118 / 12%);*/
  /*box-shadow: 0 2px 2px 0 rgb(60 72 118 / 14%), 0 3px 1px -2px rgb(60 72 118 / 20%), 0 1px 5px 0 rgb(60 72 118 / 12%) !important;*/
  box-shadow: 0 -1px 0 0 rgb(0 0 0 / 20%) inset, 0 1px 1px 0 rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 -1px 0 0 rgb(0 0 0 / 20%) inset, 0 1px 1px 0 rgb(0 0 0 / 20%);
}

.btn:hover {
  -webkit-box-shadow: 0 2px 2px 0 rgb(60 72 118 / 14%), 0 3px 1px -2px rgb(60 72 118 / 20%), 0 1px 5px 0 rgb(60 72 118 / 12%);
  box-shadow: 0 2px 2px 0 rgb(60 72 118 / 14%), 0 3px 1px -2px rgb(60 72 118 / 20%), 0 1px 5px 0 rgb(60 72 118 / 12%) !important;
}

.btn-group>.btn {
  border-radius: .358rem;
}

.btn>span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {
  border-left-color: rgb(34 41 47) !important;
  border-right-color: rgb(34 41 47) !important;
}

.badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  width: fit-content;
  vertical-align: middle;
}

.select2-container--classic .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #023e8a !important;
}

.select2-container--classic .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted {
  background-color: rgba(2, 62, 138, .12) !important;
  color: #023e8a !important;
}

.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--classic .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus {
  border-color: #023e8a !important
}

.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before {
  border-color: #023e8a;
  background-color: #023e8a;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #023e8a;
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before,
.custom-radio .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 2px 4px 0 rgba(2, 62, 138, .4) !important;
}

div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_length select {
  background-position: calc(100% - 2px) 8px, calc(100% - 20px) 8px, 100% 0;
}

.nav-link-pill .badge-up {
  top: 0px !important;
  right: 5px !important;
}

.feather.w-15 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.form-style-1 .form-group {
  padding: .8rem;
  background-color: #F5F5F5;
}

.form-style-1 .form-group .form-control {
  border-radius: 0;
}

.form-style-1 .form-group label {
  font-weight: bold;
}

.form-style-1 .form-group .form-control.flatpickr-input,
.form-style-1 .form-group .form-control.flatpickr-input+input {
  background-color: #fff !important;
}

.flatpickr-wrapper {
  flex: 1;
}

.form-group.input-file-preview .input-group {
  align-items: center;
  margin-top: .5rem;
}

.flatpickr-input.form-control[readonly] {
  background-color: #fff !important;
}


.show>.dropdown-menu {
  border-radius: 0;
  box-shadow: rgb(60 72 118 / 14%) 0px 2px 2px 0px, rgb(60 72 118 / 20%) 0px 3px 1px -2px, rgb(60 72 118 / 12%) 0px 1px 5px 0px !important;
  -webkit-box-shadow: rgb(60 72 118 / 14%) 0px 2px 2px 0px, rgb(60 72 118 / 20%) 0px 3px 1px -2px, rgb(60 72 118 / 12%) 0px 1px 5px 0px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.header-navbar.navbar-shadow {
  box-shadow: none;
  border-bottom: 1px solid #e9e8ef;
}

.vertical-layout.vertical-menu-modern .main-menu {
  border-right: 1px solid #e9e8ef;
}

.table-clickable tbody tr:hover,
table tbody tr[data-url] {
  cursor: pointer;
}

.main-menu.menu-light .navigation>li.active>a {
  background: linear-gradient(118deg, #e3e2e6, rgb(218 218 218));
  box-shadow: 0 0 10px 1px rgb(218 218 218 / 70%);
  color: #000;
  font-weight: 400;
  border-radius: 4px;
}

.main-menu.menu-light .navigation>li ul .active {
  background: linear-gradient(118deg, #e3e2e6, rgb(218 218 218));
  box-shadow: 0 0 10px 1px rgb(218 218 218 / 70%);
  border-radius: 4px;
  z-index: 1;
}

.main-menu.menu-light .navigation>li ul .active>a {
  color: #000;
}

.main-menu.menu-light .navigation>li ul .active {
  border-radius: 0;
  box-shadow: none;
  background: #f5f5f5;
}

.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a {
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(118deg, #e3e2e6, rgb(218 218 218));
}

.bootstrap-touchspin.input-group {
  width: auto !important;
}

img.img-flag {
  margin: 0 !important;
  display: inherit !important;
  height: 15px;
  width: 18px;
}

label.error {
  color: #EA5455;
}

label>label.error:before {
  content: '(';
  position: relative;
  left: 0;
  top: 0;
}

label>label.error:after {
  content: ')';
  position: relative;
  right: 0;
  top: 0;
}

.fc-daygrid-event {
  white-space: inherit !important;
}

.fc .fc-daygrid-event-harness .fc-event {
  font-size: .7rem !important;
}

.file-card .file-txt h5 {
  font-family: Montserrat, Helvetica, Arial, serif;
  font-size: .8rem;
}

.file-card .file-icons svg:hover {
  cursor: pointer;
}

.shape-avatar:hover {
  cursor: pointer;
}

.active>.shape-avatar {
  box-shadow: 3px 4px 14px 3px rgb(33 37 41 / 40%);
}

.shape-avatar {
  height: 150px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
}

.shape-text {
  color: #fff;
  font-family: Montserrat, Helvetica, Arial, serif;
  font-weight: bold;
}

.bg-10 {
  background: #82868b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #82868b)
}
.bg-11 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.bg-12 {
  background: #53bad9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #53bad9)
}

.bg-13 {
  background: #ffa4a4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #ffa4a4)
}

.bg-14 {
  background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73)
}

.bg-15 {
  background: #9d8ed4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9d8ed4)
}

.bg-16 {
  background: #9ac471 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9ac471)
}

.bg-17 {
  background: #7dd5d9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #7dd5d9)
}

.bg-18 {
  background: #f1d563 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f1d563)
}

.bg-19 {
  background: #80beeb linear-gradient(135deg, hsla(0, 0%, 100%, .4), #80beeb)
}

.bg-21 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.bg-22 {
  background: #53bad9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #53bad9)
}

.bg-23 {
  background: #ffa4a4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #ffa4a4)
}

.bg-24 {
  background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73)
}

.bg-25 {
  background: #9d8ed4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9d8ed4)
}

.bg-26 {
  background: #acda7e linear-gradient(135deg, hsla(0, 0%, 100%, .4), #acda7e)
}

.bg-27 {
  background: #7dd5d9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #7dd5d9)
}

.bg-28 {
  background: #f1d563 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f1d563)
}

.bg-29 {
  background: #80beeb linear-gradient(135deg, hsla(0, 0%, 100%, .4), #80beeb)
}

.bg-31 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.bg-32 {
  background: #53bad9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #53bad9)
}

.bg-33 {
  background: #ffa4a4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #ffa4a4)
}

.bg-34 {
  background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73)
}

.bg-35 {
  background: #9d8ed4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9d8ed4)
}

.bg-36 {
  background: #acda7e linear-gradient(135deg, hsla(0, 0%, 100%, .4), #acda7e)
}

.bg-37 {
  background: #7dd5d9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #7dd5d9)
}

.bg-38 {
  background: #f1d563 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f1d563)
}

.bg-39 {
  background: #80beeb linear-gradient(135deg, hsla(0, 0%, 100%, .4), #80beeb)
}

.bg-41 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.bg-42 {
  background: #53bad9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #53bad9)
}

.bg-43 {
  background: #ffa4a4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #ffa4a4)
}

.bg-44 {
  background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73)
}

.bg-45 {
  background: #9d8ed4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9d8ed4)
}

.bg-46 {
  background: #acda7e linear-gradient(135deg, hsla(0, 0%, 100%, .4), #acda7e)
}

.bg-47 {
  background: #7dd5d9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #7dd5d9)
}

.bg-48 {
  background: #f1d563 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f1d563)
}

.bg-49 {
  background: #80beeb linear-gradient(135deg, hsla(0, 0%, 100%, .4), #80beeb)
}

.bg-51 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.bg-52 {
  background: #53bad9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #53bad9)
}

.bg-53 {
  background: #ffa4a4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #ffa4a4)
}

.bg-54 {
  background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73)
}

.bg-55 {
  background: #9d8ed4 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #9d8ed4)
}

.bg-56 {
  background: #acda7e linear-gradient(135deg, hsla(0, 0%, 100%, .4), #acda7e)
}

.bg-57 {
  background: #7dd5d9 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #7dd5d9)
}

.bg-58 {
  background: #f1d563 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f1d563)
}

.bg-59 {
  background: #80beeb linear-gradient(135deg, hsla(0, 0%, 100%, .4), #80beeb)
}

.bg-61 {
  background: #e8b67b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e8b67b)
}

.meetup-day img {
  border-radius: 10px;
}

.profile-img img {
  object-fit: cover;
  height: 100%;
}

.profile-img.non-image {
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #fff;
}

.profile-img .edit-link-icon {
  position: absolute;
  bottom: -15px;
  right: -15px;
}

.table tfoot th,
.table thead th {
  vertical-align: middle !important;
}

.work-plan-table th {
  padding: 1rem 4rem !important;
}

table.table-style-1 {
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

table.table-style-1 thead .sorting:before,
table.table-style-1 thead .sorting_asc:before,
table.table-style-1 thead .sorting_desc:before {
  top: 1rem !important;
}

table.table-style-1 thead .sorting:after,
table.table-style-1 thead .sorting_asc:after,
table.table-style-1 thead .sorting_desc:after {
  top: 1.5rem !important;
}

.table-style-1 th {
  background-color: #fff !important;
  border: none !important;
}

.table-style-1 td {
  border: none;
  background-color: #fff;
}

.table-style-1 th:first-child,
.table-style-1 td:first-child {
  border-radius: 10px 0 0 10px;
}

.table-style-1 th:last-child,
.table-style-1 td:last-child {
  border-radius: 0 10px 10px 0;
}

.table-style-1 td,
.table-style-1 th {
  padding: 1rem 1.5rem !important;
  /* text-transform:capitalize !important; */
}

.table-style-1 tr.bordered td:last-child,
.table-style-1 tr.bordered th:last-child {
  border-right: 3px solid #033f8aa6 !important;
}

.table-style-1 tr.bordered td:first-child,
.table-style-1 tr.bordered th:first-child {
  border-left: 3px solid #033f8aa6 !important;
}

.table-style-1 tr.bordered td,
.table-style-1 tr.bordered th {
  border-top: 3px solid #033f8aa6 !important;
  border-bottom: 3px solid #033f8aa6 !important;
}

.table-filter {
  background: #fff;
  padding: 1rem;
  border-radius: 10px;
}

.table-filter h4 {
  font-family: Montserrat, Helvetica, Arial, serif;
}

.table-filter .table-filter-head {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 5px solid #F7F7FA;
}

.table-filter .table-filter-body {
  margin-top: 1rem;
}

.table-filter .table-filter-head h4 {
  margin-bottom: 0;
}

.table-filter .advanced-filter-content {
  padding-top: 1rem;
}

.table-filter .advanced-filter-content label {
  font-weight: bold;
}

table {
  width: 100%;
}

.color-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2.714rem;
  width: 2.714rem;
  border-radius: .357rem;
}

.media {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-group>.select2-container--default {
  width: auto !important;
  flex: 1 1 auto;
}

.input-group>.select2-container--default .select2-selection--single {
  height: 100%;
  line-height: inherit;
  padding: 0.5rem 1rem;
  border-radius: 0 !important;
}

@media (max-width: 575.98px) {
  .profile-title {
    margin-left: 1rem !important;
  }

  #user-profile .profile-header .profile-img-container {
    bottom: -3rem;
  }

  #user-profile .profile-header .profile-img-container .profile-img {
    height: 4rem;
    width: 5rem;
  }
}

.arrow-steps {
  display: flex;
}

.arrow-steps .step {
  font-family: Montserrat, Helvetica, Arial, serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: #666;
  cursor: default;
  margin: 0 3px;
  padding: 10px 10px 10px 30px;
  position: relative;
  background-color: #d9e3f7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease;
}

.arrow-steps .step:last-child {
  margin-left: auto;
  font-family: Montserrat, Helvetica, Arial, serif;
  font-weight: bold;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 10px 10px 10px 20px;
}

.arrow-steps .step:last-child:after {
  border: none;
}

.arrow-steps .step:last-child:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -15px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: none;
  border-right: 15px solid #23468c;
  border-left: 0;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:hover {
  cursor: pointer;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 17px solid #d9e3f7;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step-href {
  background: #EA5455;
  color: #fff;
}

.arrow-steps .step.step-href:after {
  border-left-color: #EA5455;
}

.arrow-steps .step:before {
  right: auto;
  left: 0;
  border-left: 17px solid #fff;
  z-index: 0;
}

.arrow-steps .step:first-child:before {
  border: none;
}

.arrow-steps .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
  position: relative;
}

.arrow-steps .step span:before {
  opacity: 0;
  content: "✔";
  position: absolute;
  top: -2px;
  left: -20px;
}

.arrow-steps .step.done span:before {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.5s;
  -moz-transition: opacity 0.3s ease 0.5s;
  -ms-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
  color: #fff;
  background-color: #23468c;
}

.arrow-steps .step.current:after {
  border-left: 17px solid #23468c;
}

.dropzone-appointment .dropzone {
  max-height: 200px;
  overflow-y: scroll;
}

.dropzone {
  border: 2px dashed #023E8A;
  border-radius: 5px;
  background: white;
}

.dz-image-preview:hover {
  cursor: pointer;
}

.dz-image {
  border: 1px solid #023e8a;
}

.dz-image img {
  object-fit: contain !important;
  width: 100%;
}

.dz-filename {
  overflow: scroll;
}

.shadow-0,
.shadow-0:hover,
.shadow-0:focus {
  box-shadow: none !important;
}

.hover-0,
.hover-0:hover,
.hover-0:focus {
  background: inherit !important;
  color: inherit !important;
}

.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  fill: #5E5873;
  font-size: 1.286rem !important;
  font-weight: 500;
}

.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
  font-size: .8rem !important;
  fill: #6E6B7B !important;
}

.barcodeContent {
  padding: 1rem;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
}

.fit-content {
  width: fit-content !important;
}

.autoComplete_wrapper>input {
  height: 2.714rem;
  width: 100%;
  color: #6E6B7B;
  border: 1px solid #D8D6DE;
  background-size: 1.4rem;
  background-position: left 1.05rem top .6rem;
}

.autoComplete_wrapper>input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(110, 107, 123, .5) !important;
  opacity: 1;
  /* Firefox */
}

.autoComplete_wrapper>input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgb(110, 107, 123, .5) !important;
}

.autoComplete_wrapper>input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgb(110, 107, 123, .5) !important;
}

.autoComplete_wrapper>input:focus,
.autoComplete_wrapper>input:hover {
  color: rgb(110, 107, 123);
  border: 1px solid #D8D6DE;
}

.autoComplete_wrapper {
  display: block;
}

.autoComplete_wrapper>ul {
  z-index: 3;
}

.autoComplete_wrapper>ul>li>mark {
  padding: 0;
}

.table-style-1 td img {
  object-fit: scale-down !important;
}
.price{
  font-family: 'Roboto Mono',monospace;
}