/*! CSS Used from: https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/app-assets/vendors/css/tables/datatable/datatables.min.css */

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
  }
  
  div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
  }
  .was-validated .form-control:invalid,
  .form-control.is-invalid div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
  }
  
  @media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter {
      text-align: center;
    }
  }
  
  div.dataTables_wrapper div.dataTables_filter label {
    margin-top: 1rem;
  }
  
  div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
  }
  
  div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
  }
  
  @media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length {
      text-align: center;
    }
  }
  
  div.dataTables_wrapper div.dataTables_length label {
    margin-top: 1rem;
  }
  
  div.dataTables_wrapper div.dataTables_length select {
    background-position: calc(100% - 3px) 5px, calc(100% - 20px) 13px, 100% 0;
    padding: 0 0.8rem;
  }
  
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:after {
    display: none;
  }
  
  table.dataTable thead .sorting:before,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_desc:before {
    content: unset !important;
  }
  
  .btn.btn-sm.btn-icon {
    padding: 10px;
    font-size: 15px;
  }
  
  .multiselect__content-wrapper {
    /* position: relative !important; */
  }
  
  .main-menu .navbar-header .navbar-brand .brand-logo {
    /* background: url(https://www.reviveda.org/wp-content/uploads/2021/01/revive-logo-web.png) no-repeat; */
    /* background: url("/app-assets/images/logo/ldaLOGO.png") no-repeat; */
    background-position: center;
    height: 65px;
    width: 225px;
    /* background-size: contain; */
  }
  
  .main-menu .navbar-header .navbar-brand {
    margin-top: unset;
  }
  
  .main-menu.menu-light .navigation > li.active > a {
    box-shadow: unset !important;
  }
  
  .apexcharts-canvas .apexcharts-tooltip {
    color: white !important;
  }
  .multiselect__tags {
    padding: 5px 40px 0 10px !important;
    min-height: unset !important;
  }
  .dropdown .dropdown-menu .dropdown-item {
    padding: 8px 15px !important;
  }
  
  .sub_menu_active {
    border-radius: 4px !important;
    background: #0093b840 !important;
  }
  
  .sub_menu_active a {
    color: #606060 !important;
  }
  
  .multiselect__single {
    font-weight: 100 !important;
  }
  
  .multiselect,
  .multiselect__input,
  .multiselect__single {
    font-size: 0.96rem !important;
  }
  
  #toast-container > .toast-success {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; */
    background-color: #89cbc1;
  }
  
  #toast-container > .toast-error {
    background-color: #e42728;
  }
  
  .Screener_sent {
    color: white;
    background-color: #61b0cf;
  }
  .Screened_in {
    color: white;
    background-color: #008eca;
  }
  .Screened_out {
    color: white;
    background-color: #ea5455;
  }
  .Scheduled {
    color: white;
    background-color: #928adf;
  }
  .Completed {
    color: white;
    background-color: #5bcd7b;
  }
  .Uncontacted {
    color: white;
    background-color: #89cbc1;
  }
  .Contacted {
    color: white;
    background-color: #1d61a55a;
  }
  
  .Agreed {
    color: white;
    background-color: #5bcd7b;
  }
  
  .Rejected {
    color: white;
    background-color: #ea5455;
  }
  
  .Moderation {
    color: white;
    background-color: #00cfe8;
  }
  
  .table thead th {
    vertical-align: top;
    background: #efefef;
  }
  
  table.dataTable {
    border: unset;
  }
  
  .breadcrumb {
    padding: 0px !important;
    border: unset;
  }
  
  .wizard_buttons {
    background-color: #008eca !important;
    border-color: #008eca !important;
  }
  
  .btn-primary {
    background-color: #008eca !important;
    border-color: #008eca !important;
  }
  
  .table thead th {
    background: unset;
  }
  
  .table {
    margin-bottom: 0px;
  }
  .content-wrapper {
    min-height: 100vh;
  }
  .content-header-title {
    font-size: 16px;
    font-weight: bold;
  }
  .content-header-title small {
    color: gray;
    font-size: 12px;
  }
  .table-striped tbody tr {
    background-color: #fafafc;
  }
  .table-hover tbody tr:hover {
    color: #6e6b7b;
  }
  .pagination .page-item .page-link {
    border-radius: 5rem;
    background-color: #fff;
  }
  .pagination .page-item:first-child:not(.prev-item) .page-link {
    border-radius: 5rem;
  }
  .pagination .page-item:last-child:not(.next-item) .page-link {
    border-radius: 5rem;
  }
  .page-item.active .page-link {
    background-color: #008eca !important;
  }
  .pagination .page-item:not(.prev-item) .page-link,
  .pagination .page-item:not(.next-item) .page-link,
  .pagination .page-item:not(.first) .page-link,
  .pagination .page-item:not(.last) .page-link,
  .pagination .page-item:not(.active) .page-link {
    line-height: 1.3;
    min-width: 35px;
    margin-right: 5px;
    text-align: center;
  }
  .pagination .page-item.active {
    background-color: unset !important;
  }
  .form-control-sm {
    background-color: unset !important;
  }
  .pagination .page-item:first-child:not(.prev-item) .page-link {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pagination .page-item:last-child:not(.next-item) .page-link {
    padding-left: 10px;
    padding-right: 10px;
  }
  .badge {
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: bold !important;
  }
  table thead th {
    text-transform: uppercase;
  }
  .pagination_wrapper {
    background-color: #ecedef;
  }
  .pagination_wrapper .form-control-sm:focus {
    outline: 0 !important;
  }
  
  .main-menu.menu-light .navigation {
    background-color: #fafbfc;
  }
  .main-menu.menu-light {
    background-color: #fafbfc;
  }
  .main-menu.menu-light .navigation > li > ul {
    background-color: #fafbfc;
  }
  .main-menu.menu-light .navigation > li ul li > a:hover {
    background-color: #008eca14;
  }
  .main-menu.menu-light .navigation > li.active > a {
    background: #008eca;
  }
  .pagination .page-item:first-child:not(.prev-item) .page-link {
    background-color: #fafbfc;
  }
  .nav.nav-tabs .nav-item .nav-link {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .custom_tab_style {
    border-color: #008eca !important;
  }
  .nav-item.nav-toggle {
    position: absolute;
    border: 1px solid;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #008dca; */
    color: white;
    left: 0px;
    top: 15px;
  }
  .page-title-li {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  @media only screen and (min-width: 767px) {
    .modern-nav-toggle {
      display: none;
    }
  }
  @media only screen and (max-width: 767px) {
    .page-title-h2 small {
      font-size: 10px;
    }
    .page-title-h2 {
      font-size: 12px;
      display: flex;
      flex-direction: column;
    }
    .main_tab_container .nav-item {
      width: 100%;
    }
    .main_tab_container .nav.nav-tabs {
      width: 100%;
    }
    .nav-item .btn,
    .custom_tab_style {
      margin-bottom: 5px !important;
      width: 100%;
      text-align: center;
    }
  }
  
  .bg-primary {
    background-color: #008eca !important;
  }
  
  #toast-container > .toast-success {
    opacity: 0.9;
  }
  .multiselect__option--highlight {
    background-color: #008eca !important;
  }
  
  .nav.nav-tabs .nav-item .nav-link.active {
    background-color: #008eca !important;
    color: white;
  }
  label {
    font-weight: 700;
  }
  
  .vue-form-wizard .wizard-tab-content {
    padding: 0px 20px 10px !important;
  }
  .vue-form-wizard .wizard-header {
    /* padding: 0px !important; */
  }
  .nav.nav-tabs .nav-item .nav-link {
    border: 1px solid #008eca !important;
    margin-right: 5px;
    border-bottom: unset !important;
  }
  
  .table thead th {
    cursor: pointer;
  }
  .btn {
    font-weight: bold;
  }
  .table td {
    font-weight: 500;
  }
  .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
    text-transform: capitalize;
  }
  
  .invalid-feedback {
    display: block;
  }
  .width-20 {
    max-width: 20%;
    min-width: 20%;
    width: 20%;
  }
  .width-10 {
    max-width: 10%;
    min-width: 10%;
    width: 10%;
  }

  .width-5 {
    max-width: 5%;
    min-width: 5%;
    width: 5%;
  }
  .width-15 {
    max-width: 15%;
    min-width: 15%;
    width: 15%;
  }
  .width-25 {
    max-width: 25%;
    min-width: 25%;
    width: 25%;
  }
  .width-30 {
    max-width: 30%;
    min-width: 30%;
    width: 30%;
  }
  .table-fixed {
    table-layout: fixed;
    word-wrap: break-word;
  }
  .mr-small {
    margin-right: 3px;
  }
  @media print {
    .col-print-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  .invoice-preview .invoice-padding,
  .invoice-edit .invoice-padding,
  .invoice-add .invoice-padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  
  .invoice-preview .logo-wrapper,
  .invoice-edit .logo-wrapper,
  .invoice-add .logo-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 1.9rem;
  }
  
  .invoice-preview .logo-wrapper .invoice-logo,
  .invoice-edit .logo-wrapper .invoice-logo,
  .invoice-add .logo-wrapper .invoice-logo {
    font-size: 2.142rem;
    font-weight: bold;
    letter-spacing: -0.54px;
    margin-left: 1rem;
    margin-bottom: 0;
  }
  
  .invoice-preview .invoice-title,
  .invoice-edit .invoice-title,
  .invoice-add .invoice-title {
    font-size: 1.285rem;
    margin-bottom: 1rem;
  }
  
  .invoice-preview .invoice-title .invoice-number,
  .invoice-edit .invoice-title .invoice-number,
  .invoice-add .invoice-title .invoice-number {
    font-weight: 600;
  }
  
  .invoice-preview .invoice-date-wrapper,
  .invoice-edit .invoice-date-wrapper,
  .invoice-add .invoice-date-wrapper {
    display: flex;
    align-items: center;
  }
  
  .invoice-preview .invoice-date-wrapper:not(:last-of-type),
  .invoice-edit .invoice-date-wrapper:not(:last-of-type),
  .invoice-add .invoice-date-wrapper:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
  
  .invoice-preview .invoice-date-wrapper .invoice-date-title,
  .invoice-edit .invoice-date-wrapper .invoice-date-title,
  .invoice-add .invoice-date-wrapper .invoice-date-title {
    width: 7rem;
    margin-bottom: 0;
  }
  
  .invoice-preview .invoice-date-wrapper .invoice-date,
  .invoice-edit .invoice-date-wrapper .invoice-date,
  .invoice-add .invoice-date-wrapper .invoice-date {
    margin-left: 0.5rem;
    font-weight: 600;
    margin-bottom: 0;
  }
  
  .invoice-preview .invoice-spacing,
  .invoice-edit .invoice-spacing,
  .invoice-add .invoice-spacing {
    margin: 1.45rem 0;
  }
  
  .invoice-preview .invoice-number-date .title,
  .invoice-edit .invoice-number-date .title,
  .invoice-add .invoice-number-date .title {
    width: 115px;
  }
  
  .invoice-preview .invoice-total-wrapper,
  .invoice-edit .invoice-total-wrapper,
  .invoice-add .invoice-total-wrapper {
    width: 100%;
    max-width: 14rem;
  }
  
  .invoice-preview .invoice-total-wrapper .invoice-total-item,
  .invoice-edit .invoice-total-wrapper .invoice-total-item,
  .invoice-add .invoice-total-wrapper .invoice-total-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .invoice-preview
    .invoice-total-wrapper
    .invoice-total-item
    .invoice-total-title,
  .invoice-edit .invoice-total-wrapper .invoice-total-item .invoice-total-title,
  .invoice-add .invoice-total-wrapper .invoice-total-item .invoice-total-title {
    margin-bottom: 0.35rem;
  }
  
  .invoice-preview
    .invoice-total-wrapper
    .invoice-total-item
    .invoice-total-amount,
  .invoice-edit .invoice-total-wrapper .invoice-total-item .invoice-total-amount,
  .invoice-add .invoice-total-wrapper .invoice-total-item .invoice-total-amount {
    margin-bottom: 0.35rem;
    font-weight: 600;
  }
  
  @media (min-width: 768px) {
    .invoice-preview .invoice-title,
    .invoice-edit .invoice-title,
    .invoice-add .invoice-title {
      text-align: right;
      margin-bottom: 3rem;
    }
  }
  
  .invoice-edit .invoice-preview-card .invoice-title,
  .invoice-add .invoice-preview-card .invoice-title {
    text-align: left;
    margin-right: 3.5rem;
    margin-bottom: 0;
  }
  
  .invoice-edit .invoice-preview-card .invoice-edit-input,
  .invoice-edit .invoice-preview-card .invoice-edit-input-group,
  .invoice-add .invoice-preview-card .invoice-edit-input,
  .invoice-add .invoice-preview-card .invoice-edit-input-group {
    max-width: 11.21rem;
  }
  
  .invoice-edit .invoice-preview-card .invoice-product-details,
  .invoice-add .invoice-preview-card .invoice-product-details {
    background-color: #fcfcfc;
    /* padding: 3.75rem 3.45rem 2.3rem 3.45rem;  */
  }
  
  .invoice-edit
    .invoice-preview-card
    .invoice-product-details
    .product-details-border,
  .invoice-add
    .invoice-preview-card
    .invoice-product-details
    .product-details-border {
    border: 1px solid #ebe9f1;
    border-radius: 0.357rem;
  }
  
  .invoice-edit .invoice-preview-card .invoice-to-title,
  .invoice-add .invoice-preview-card .invoice-to-title {
    margin-bottom: 1rem;
  }
  
  .invoice-edit .invoice-preview-card .col-title,
  .invoice-add .invoice-preview-card .col-title {
    position: absolute;
    top: -3.2rem;
  }
  
  .invoice-edit .invoice-preview-card .item-options-menu,
  .invoice-add .invoice-preview-card .item-options-menu {
    min-width: 20rem;
  }
  
  .invoice-edit .invoice-preview-card .repeater-wrapper:not(:last-child),
  .invoice-add .invoice-preview-card .repeater-wrapper:not(:last-child) {
    margin-bottom: 3rem;
  }
  
  .invoice-edit .invoice-preview-card .invoice-calculations .total-amt-title,
  .invoice-add .invoice-preview-card .invoice-calculations .total-amt-title {
    width: 100px;
  }
  
  @media (max-width: 769px) {
    .invoice-edit .invoice-preview-card .invoice-title,
    .invoice-add .invoice-preview-card .invoice-title {
      margin-right: 0;
      width: 115px;
    }
    .invoice-edit .invoice-preview-card .invoice-edit-input,
    .invoice-add .invoice-preview-card .invoice-edit-input {
      max-width: 100%;
    }
  }
  
  @media (max-width: 992px) {
    .invoice-edit .col-title,
    .invoice-add .col-title {
      top: -1.5rem !important;
    }
  }
  
  @media print {
    .invoice-edit hr,
    .invoice-add hr {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
  }
  
  /* table.billing-table td,
  th {
    width: 10%;
  }
  table.billing-table td:first-child,
  th:first-child {
    width: 40%;
  }
  .table thead th {
    background: #efefef;
  } */
  


  /* Bootstrap */
  .modal-xl {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
/* Not last child */

table .dropdown .dropdown-menu .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #ebe9f1;
  padding: 0.714rem 1.428rem;
}


select{
  color: #626262;
}
select:focus-visible {
  outline: 0px !important;
}

.bg-light-warning {
  background-color: #fabc7c !important;
}
.bg-light-success {
  background-color: #65ba77 !important;
}
.bg-light-success strong a{
  color: #FFFFFF !important;
}
.bg-light-danger strong a{
  color: #FFFFFF !important;
}
.bg-light-danger {
  background-color: #d95859 !important;
  color: #FFFFFF !important;
}

.bg-light-success td>a{
  color: #FFFFFF !important;
}
.bg-light-success td{
  color: #FFFFFF !important;
}
.bg-light-warning td>a{
  color: #626262 !important;
}
.bg-light-danger td>a{
  color: #FFFFFF !important;
}

.hr{
  /* margin-left: -15px;
  margin-right: -15px; */
  margin: 25px -15px;
}

.gap_btn{
  margin-right: 5px;
}
.badge-success:hover {
  border-color: #24B263 !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 25px -8px #28c76f;
}

.badge-danger:hover {
  border-color: #E73D3E !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 25px -8px #ea5455;
}


.form-check-label{cursor:pointer;}
*,::after,::before{box-sizing:border-box;}
input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
::-moz-focus-inner{padding:0;border-style:none;}
.form-check-input{-webkit-appearance:none;-moz-appearance:none;}
.form-check{display:block;min-height:1.45rem;padding-left:1.785rem;margin-bottom:0;}
.form-check .form-check-input{float:left;margin-left:-1.785rem;}
.form-check-input{width:1.285rem;height:1.285rem;margin-top:.0825rem;vertical-align:top;background-color:#FFF;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #D8D6DE;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;}
.form-check-input[type=checkbox]{border-radius:3px;}
.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%);}
.form-check-input:checked{background-color:#7367F0;border-color:#7367F0;}
.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.65;}
.form-check-input:disabled~.form-check-label{opacity:.65;}
.form-switch{padding-left:3.5rem;}
.form-switch .form-check-input{width:3rem;margin-left:-3.5rem;background-position:left center;border-radius:3rem;-webkit-transition:background-position .15s ease-in-out,background-color .1s ease;transition:background-position .15s ease-in-out,background-color .1s ease;}
@media (prefers-reduced-motion:reduce){
.form-switch .form-check-input{-webkit-transition:none;transition:none;}
}
.form-switch .form-check-input:checked{background-position:right center;}
/*! CSS Used from: https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/app-assets/css/bootstrap-extended.min.css */
.form-switch .form-check-input:checked{box-shadow:none!important;}
.form-switch{position:relative;}
.form-switch .form-check-input{height:1.7rem;border:none;}
.form-switch .form-check-input:active{-webkit-filter:none;filter:none;}
.form-switch .form-check-label{line-height:1.7rem;}
.form-switch .form-check-label:focus{outline:0;}
.form-switch .form-check-input:checked~.form-check-label::before{box-shadow:none;}
.form-switch .form-check-input:checked~.form-check-label::after{-webkit-transform:translateX(1.4rem);-ms-transform:translateX(1.4rem);transform:translateX(1.4rem);}
/*! CSS Used from: https://pixinvent.com/demo/vuexy-html-bootstrap-admin-template/app-assets/css/components.min.css */
.demo-inline-spacing>*{margin-right:1.5rem;margin-top:1.5rem;}

.form-switch .form-check-input, .form-switch .form-check-input:checked{
    background-color: #258fca;
}
.form-switch .form-check-input {
    background-color: #cbcbcb;
}


.form-control.group-name-form{
  font-size: 18px;
  font-weight: bold;
}


.invoice-preview-card .logo-wrapper img{
  width: 350px;
}