/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.authentication-wrapper{display:flex;flex-basis:100%;min-height:100vh;width:100%}.authentication-wrapper .authentication-inner{width:100%}.authentication-wrapper.authentication-basic{align-items:center;justify-content:center}.authentication-wrapper.authentication-basic .card-body{padding:3rem}@media(max-width: 575.98px){.authentication-wrapper.authentication-basic .card-body{padding:2rem}}.authentication-wrapper.authentication-cover{align-items:flex-start}.authentication-wrapper.authentication-cover .authentication-inner{height:100%;margin:auto 0}@media(max-width: 991.98px){.authentication-wrapper.authentication-cover .authentication-inner{height:100vh}}.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg{width:100%;height:100vh;position:relative}.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration{max-height:65%;max-width:65%;z-index:1}.authentication-wrapper.authentication-cover .authentication-inner .platform-bg{position:absolute;width:100%;bottom:0%;left:0%;height:35%}.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height{height:100vh}.authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height>img:first-child{z-index:1}.authentication-wrapper.authentication-basic .authentication-inner{max-width:460px;position:relative}.authentication-wrapper.authentication-basic .authentication-inner:before{width:238px;height:233px;content:" ";position:absolute;top:-35px;left:-45px;background-image:url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A")}@media(max-width: 575.98px){.authentication-wrapper.authentication-basic .authentication-inner:before{display:none}}.authentication-wrapper.authentication-basic .authentication-inner:after{width:180px;height:180px;content:" ";position:absolute;z-index:-1;bottom:-30px;right:-56px;background-image:url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E")}@media(max-width: 575.98px){.authentication-wrapper.authentication-basic .authentication-inner:after{display:none}}.authentication-wrapper .auth-input-wrapper .auth-input{max-width:50px;padding-left:.4rem;padding-right:.4rem;font-size:150%}@media(max-height: 636px){.auth-multisteps-bg-height{height:100% !important}}@media(max-width: 575.98px){.authentication-wrapper .auth-input-wrapper .auth-input{font-size:1.125rem}}#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control{border-color:#ff4c51;border-width:2px}@media(max-width: 575.98px){.numeral-mask-wrapper .numeral-mask{padding:0 !important}.numeral-mask{margin-inline:1px !important}}.light-style .authentication-wrapper .authentication-bg{background-color:#fff}.light-style .auth-cover-bg-color{background-color:#f8f7fa}.dark-style .authentication-wrapper .authentication-bg{background-color:#2f3349}.dark-style .auth-cover-bg-color{background-color:#25293c}

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
}

.app-brand-logo.demo img {
  width: 100px;
  height: auto;
}
.dashboard-demo img{
  width: 60px;
  height: auto;
}
.dashboard-menu-text{
  color: #444050;
  font-size: 16px;
  padding-left: 5px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper .dataTables_filter{
  margin-top: 0;
}
table.dataTable thead th.sorting:before, table.dataTable thead th.sorting:after{
  visibility: visible;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before{
  color: #233B97;
}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{
  opacity: 1;
}
.btn.btn-small{
  width: 22px;
  height: 22px;
}
.btn.btn-small .ti-trash{
  font-size: 16px !important;
}
.input-countrygroup{
  position: relative;
}
.select2-container .select2-dropdown{
  width: 200px !important;
}
.input-countrygroup .select2-container{
  position: absolute;
  left: 15px;
  top: 12px;
  width: auto !important;
}
.input-countrygroup .form-control{
  padding-left: 71px;
  padding-block: 9px;
}
.input-countrygroup .select2-container .select2-selection__rendered{
  padding: 0 !important;
  display: flex !important;
  align-items: center;
}
.input-countrygroup .select2-container .select2-selection__rendered .flag-text{
  padding-left: 3px;
}
.mh-200{
  max-height: 130px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
  content: "";
  font-family: "tabler-icons";
  font-size: 1.375rem;
  margin-right: 0;
  color: #7367f0;
  vertical-align: middle;
  margin-top: -3px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
  content: "\ea5f";
}
table.dataTable.dtr-inline.collapsed>tbody>tr{
  position: relative;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -15px;
}
table.dataTable .btn .ti-edit{color: #7367f0;}
table.dataTable .btn .ti-trash{color: red;}
.color-blue{color: #7367f0;}
.color-red{color: red;}
.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(10px * .7);
  position: relative;
  transition: all .3s ease;
}
.plyr__control--overlaid {
  background: #7367f0;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 100%;
  color: #FFF;
  display: block;
  left: 50%;
  opacity: .9;
  padding: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  z-index: 2;
}
.whatsapp-icon{
  margin: 0;
  font-weight: 600;
}
.whatsapp-icon .whatsapptext{
  background: url("../img/whatsapp-icon.png") no-repeat left center;
  padding-left: 25px;
  background-size: 20px auto;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #444050;
  font-weight: 400;
}
.inquiryfilter-head .input-group .form-control{
  height: 38px;
}
.dashboard-vcard{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.dashboard-vcard img{
  max-height: 250px;
}
.softcard-btn .btn-sm{width:30px; height:30px;}
.links-datatable tbody td.dtr-control.sorting_1{
  font-size: 13px;
}
.premiummenu-slider{
  padding-bottom: 30px;
}
.premiummenu-slider .swiper-slide{width: 320px;}
.premiummenu-slider .swiper-pagination{bottom: 0 !important;}
.thememobile-row{display: flex; flex-wrap: wrap;}
.thememobile{position: relative; width: 360px; height: 710px; display: flex; padding: 22px 28px; background: url("../img/theme-mobile.png") no-repeat top center; background-size: 100% auto;}
.thememobile-inner{border-radius: 40px; width: 100%; display: flex; overflow: hidden;}
.thememobile-innersub{width: calc(100% + 17px); margin-right: -17px;}
.thememobile iframe{width: 100%; height: 100% !important;}
.thememobile-right{border-left: 1px solid #e6e6e8; padding-left: 30px; width: calc(100% - 360px);}
.max-1000{max-width: 1000px !important;}



@media (max-width: 767px){
  .btn-mobile{
      --bs-btn-padding-x: 0.875rem;
      --bs-btn-padding-y: 0.313rem;
      --bs-btn-font-size: 0.875rem;
      --bs-btn-line-height: 1.375;
  }
  .table>:not(caption)>*>*{
      padding: 0.375rem 0.5rem;
  }
  .table tbody td {
    font-size: 0.875rem;
  }
  html:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child, html:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:first-child{
      padding-left: 0.625rem;
      padding-right: 0.625rem;
  }
  html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper .dataTables_filter{
      margin-top: 1rem;
      margin-bottom: 1rem;
  }
  div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper .dataTables_filter{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-w-25{
    width: 100% !important;
  }
  .card-header{
    padding: 15px 15px;
  }
  .card-body{
    padding: 15px 15px;
  }
  table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after{
    right: 4px !important;
  }
  table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_desc_disabled::before{
    top: 0px !important;
  }
  table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after{
    top: 34%;
  }
  .form-select-mobile{
    padding-block: 3px;
    font-size: 14px;
  }
  .sm-w-px-150{
    width: 150px !important;
  }
  .inquiryfilter-head .w-75{
    width: 100% !important;
  }
  .inquiryfilter-head .input-group .col-form-label{
    font-size: 14px;
    margin-inline: 5px !important;
    line-height: 32px;
    padding: 0;
  }
  .inquiryfilter-head .input-group .form-control{
    padding: 2px 8px;
    font-size: 14px;
    line-height: 20px;
    height: 32px;
  }
  .inquiryfilter-head .w-75.pe-4{
    padding-right: 0 !important;
  }
  .inquiryfilter-head .w-25{
    width: 50% !important;
  }
  .inquiryfilter-head .form-select{
    line-height: 20px;
    font-size: 14px;
    height: 32px;
    padding-block: 3px;
  }
  .whatsapp-icon{
    font-size: 0;
  }
  .whatsapp-icon .whatsapptext{
    font-size: 0;

  }
  .premiummenu-slider .swiper-slide{width: 200px;}
  .premiummenu-slider .swiper-slide .card{padding:10px 8px !important;}
  .premiummenu-slider .swiper-slide .premium-head h5{font-size: 14px; line-height: 16px;}
  .premiummenu-slider .swiper-slide .premium-head p{font-size: 12px; line-height: 18px;}
  .premiummenu-slider .swiper-slide .premium-btn .btn{padding: 3px 5px !important;}
  .thememobile-nav{display: flex; white-space: nowrap; flex-wrap: nowrap !important; overflow: auto; padding-bottom: 5px;}
  .thememobile-nav li a{font-size: 12px; padding: 5px 10px !important; border-radius: 3px !important;}
  .thememobile{padding: 19px 23px; height: 583px; width: 298px;}
  .thememobile-inner{border-radius: 32px;}
  .thememobile-right{padding-left: 0; width: 100%; border-left: none; padding-top: 15px;}
}