@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,531;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,531;1,600;1,700;1,800;1,900&display=swap");

body, html {
  font-family: "Inter", sans-serif !important;
/*  font-family: Inter, sans-serif !important;*/
/*  font-family: Inter !important;*/
}

body { 
      background: #D8E3F3 !important; 
    }

.hidden{
  display: none !important;
}

.w-moz-avaliable {
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}


:root{
  --bs-text-dark :  #091F5B !important;
  --bs-scrollbar-color : #344EAD !important;
  --bs-scrollbar-hover-color : #344EAD !important;
  --bs-danger : #AE0000 !important;
  --bs-app-header-base-bg-color : #D8E3F3 !important;
  --bs-primary : #4572ED !important;
  --bs-component-hover-color : #344EAD !important;
  --bs-primary-light: #D8E3F3 !important;

  /*--syncify-text-title : 44px;
  --syncify-text-subtitle : 42px;
  --syncify-text-h1 : 40px;
  --syncify-text-h2 : 36px;
  --syncify-text-h3 : 32px;
  --syncify-text-h4 : 24px;
  --syncify-text-h5 : 20px;
  --syncify-text-h6 : 16px;
  --syncify-text-b1 : 20px;
  --syncify-text-b2 : 16px;
  --syncify-text-b3 : 14px;
  --syncify-text-b4 : 12px;
  --syncify-text-c1 : 20px;
  --syncify-text-c2 : 16px;
  --syncify-text-c3 : 14px;
  --syncify-text-c4 : 12px;
  --syncify-text-button : 20px;*/

  --syncify-text-title: 2.75rem;     /* 44px */
  --syncify-text-subtitle: 2.625rem; /* 42px */
  --syncify-text-h1: 2.5rem;         /* 40px */
  --syncify-text-h2: 2.25rem;        /* 36px */
  --syncify-text-h3: 2rem;           /* 32px */
  --syncify-text-h4: 1.5rem;         /* 24px */
  --syncify-text-h5: 1.25rem;        /* 20px */
  --syncify-text-h6: 1rem;           /* 16px */
  --syncify-text-b1: 1.25rem;        /* 20px */
  --syncify-text-b2: 1rem;           /* 16px */
  --syncify-text-b3: 0.875rem;       /* 14px */
  --syncify-text-b4: 0.75rem;        /* 12px */
  --syncify-text-c1: 1.25rem;        /* 20px */
  --syncify-text-c2: 1rem;           /* 16px */
  --syncify-text-c3: 0.875rem;       /* 14px */
  --syncify-text-c4: 0.75rem;        /* 12px */
  --syncify-text-button: 1.25rem;    /* 20px */



}


/*::-webkit-scrollbar {
    width: var(--bs-scrollbar-size);
}*/
 
/*::-webkit-scrollbar-track {
    border-radius: 10px;
}*/
 
::-webkit-scrollbar-thumb {
/*  border-radius: 10px;*/
  background: #344EAD !important;
}

.form-label{
  color: #091F5B !important;
}


.fs-text-syncify-6{
  font-size: var(--syncify-text-h6) !important;
}

.fs-text-syncify-5{
  font-size: var(--syncify-text-h5) !important;
}

.fs-syncify-title{
  font-size: var(--syncify-text-title) !important;
}

.fs-syncify-h4{
  font-size: var(--syncify-text-h4) !important;
}

.color-primary-syncify{
  color: #4572ED !important;
}

.bg-primary-syncify{
  background-color: #4572ED !important;
}

.bg-danger-syncify{
  background-color: #AE0000 !important;
}

.color-link-syncify{
  color: #344EAD !important;
}

.ocean-blue {
  color: #718EBF;
}

.bg-link-syncify{
  background-color: #344EAD !important;
}

.color-dark-syncify{
  color: #0C1227 !important;
}

.color-blue-dark-sycify{
  color: #123FBA !important;
}


.color-soft-blue-syncify{
  color: #627AD0 !important;
}

.color-deep-blue-syncify{
  color: #2F479D !important;
}

.color-danger-syncify{
  color: #F33 !important;
}

.color-dark-blue{
  color: #05102E !important;
}

.bg-light-blue-syncify{
  background-color: #B2C7E6 !important;
}

#toastr-container>div {
  opacity: 1 !important;
}

.toastr.toastr-success {
  background-color: #091F5B !important; 
  color: #D1DCFA !important; 
}


#toastr-container>.toastr-success {
  background-image: url('/new-design/svg/success-checklist.svg')!important;
}

.toastr .toastr-title{
  font-weight: 700 !important;
}
.toastr.toastr-error {
  background-color: #FFE5E5 !important; 
  color: #AE0000 !important; 
}

.toastr.toastr-error .toastr-close-button {
  background-color: #AE0000;
}

#toastr-container>.toastr-error {
  background-image: url('/new-design/svg/error-checklist.svg')!important;
}

.form-control-syncify{
  border-radius: 40px;
  border: 1px solid  #6F96D1;
  background: var(--White, #FFF);

/*  display: flex;*/
  padding: 1rem 2rem;
/*
  justify-content: center;
  align-items: center;
  gap: 10px;*/

  color: #2F479D !important;
  font-size: var(--syncify-text-b2);
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

.form-control-syncify-sm{
  border-radius: 40px;
  border: 1px solid  #6F96D1;
  background: var(--White, #FFF);
  padding-top: .55rem;
  padding-bottom: .55rem;
  color: #2F479D !important;
  font-size: .95rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-control:focus{
  border-color: #2F479D !important;
  color: #2F479D !important;

}

.button-syncify{

  border-radius: 32px;
  background: var(--Main-500, #344EAD);
  color: var(--Accent-1-100, #D8E3F3);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.button-syncify-custom{
  border-radius: 24px;
  background-color: #344EAD !important;
  color: #D8E3F3 !important;
  font-weight: 700;
}

.button-syncify:hover{
  background: var(--Main-500, #344EAD);
    color: var(--Accent-1-100, #D8E3F3);
}

.separator.separator-content::after, .separator.separator-content::before{
  content: " ";
    width: 100%;
    border-bottom: 1px solid var(--Accent-2-500, #091F5B);
}

.cancel-button{
    border-radius: 9999px;
    border: 1px solid var(--Accent-1-500, #6F96D1) !important;
    background: var(--White, #FFF);
    color: var(--Accent-2-500, #2F479D);
    font-style: normal;
    font-weight: 700;
    gap: 16px;
}

.sso-login-button{
    border-radius: 9999px;
    border: 2px solid var(--Accent-1-500, #6F96D1) !important;
    background: var(--White, #FFF);
    color: var(--Accent-2-500, #091F5B);
    font-style: normal;
    font-weight: 400;
    gap: 16px;
}

.text-syncify{
  color: var(--Accent-2-500, #091F5B);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.link-primary-syncify{
  color: var(--Main-500, #344EAD) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}



.fv-plugins-message-container{
  height: 15px;
  color: var(--Error-600, #C00);
  font-size: var(--syncify-text-b3);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 2.5rem;
}

.forgot-password-text{
  position: absolute;
    right: 0;
    margin-top: .5rem;
    margin-right: .5rem;

  color: var(--Main-500, #344EAD);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.button-syncify:disabled{
  background-color: var(--Accent-2-500, #091F5B) !important;
  color: var(--Accent-1-100, #D8E3F3) !important;
}



.app-main-syncify{
/*  max-height: 632px;*/
  overflow: auto;
}

.text-password{
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}



.kt_app_root_syncify{
  padding: 2.5rem 10rem;
}

.swal2-modal{
  border-radius: 20px !important;
/*  border: 1px solid var(--Accent-2-600, #123FBA) !important;*/
  background: var(--White, #FFF) !important;
}

.swal2-popup {
  width: auto !important;
  padding: 1.5rem  5rem;
}

.swal2-actions{
  flex-direction: row-reverse !important;
  gap: 1.5rem;
}

.swal2-html-container {
  color: var(--Main-500, #344EAD) !important;
  text-align: center !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  line-height: normal !important;
  margin: 1em 0 1em !important;
}

.swal2-popup .swal2-actions {
    margin: .5rem auto 1rem auto !important;
}

.btn-primary-alert-syncify{
  border-radius: 40px;
  background: var(--Main-500, #344EAD) !important;
  color: var(--Main-500, #D8E3F3) !important;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 1rem 2.5rem !important;
  width: 10rem;
}

.btn-primary-alert-syncify:hover{
  background: var(--Main-500, #344EAD) !important;
  color: var(--Main-500, #D8E3F3) !important;
}
.btn-cancel-alert-syncify{
  border-radius: 40px !important;
  border: 1px solid var(--Main-600, #2F479D) !important;
  color: var(--Main-500, #344EAD);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 1rem 2.5rem !important;
  width: 10rem;
}

.modal-content-syncify{
  border-radius: 24px !important;
  border: 1px solid var(--Accent-2-600, #123FBA) !important;
  background: var(--White, #FFF) !important;
  padding: 2rem 2rem 1rem 2rem;
}

.btn-danger-syncify{
  color: #FFF !important;
  border-color: #F66 !important;
  background-color: #F66 !important;
  border-radius: 40px !important;
}

.btn.btn-primary-syncify{
  color: var(--Accent-1-100, #D8E3F3) !important;
  border-color: var(--Main-500, #344EAD) !important;
  background-color: var(--Main-500, #344EAD) !important;
  border-radius: 40px !important;
}

.btn.btn-light-syncify{
  border-radius: 40px !important;
  border: 1px solid var(--Main-600, #2F479D) !important;
  color: var(--Main-500, #344EAD) !important;
}

.btn-light-syncify:hover{
  background-color: var(--bs-light) !important;
}

.btn-light-danger-syncify{
  border-radius: 40px !important;
  border: 1px solid #AE0000 !important;
  color: #AE0000 !important;
}


.form-control-element-syncify{
  border-radius: 40px !important;
  border: 1px solid var(--Accent-1-500, #6F96D1) !important;
  background: var(--White, #FFF) !important;
}


.box-child-plan{
  border-radius: 24px;
  border: 1px solid var(--Accent-2-600, #123FBA);
  background: var(--White, #FFF);
  padding: 1rem 1.6rem;
  height: 16.8rem;
}

.swal2-icon.swal2-success [class^=swal2-success-line]{
  background-color: #123FBA !important;
}

.swal2-icon.swal2-success .swal2-success-ring{
  border-color : #123FBA !important;
}

.swal2-icon.swal2-success .swal2-success-ring{
  border: .25em solid #123FBA !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #AE0000;
}

.app-header-menu .menu .menu-item .menu-link .menu-title{
  color: #6F96D1 !important;
}

.app-header-menu .menu>.menu-item.here>.menu-link .menu-title {
  color: #344EAD !important;
}


a:hover{
  --bs-link-color-rgb : #344EAD !important;
  text-decoration: underline !important;
}

body a:active, body a:focus, body a:hover {
    text-decoration: underline !important;
}

.menu-item a:active, .menu-item a:hover, .menu-item a:focus {
    text-decoration: unset !important;

}

.pill-syncify{
  border-radius: 20px;
  border: 1px solid #344EAD;
  padding: 4px 12px;
}

.form-select-syncify{
  border-radius: 40px !important;
  border: 1px solid var(--Main-600, #2F479D) !important;
  padding: .8rem 2rem;
  color: var(--Main-600, #2F479D) !important;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23123FBA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.form-select-syncify-sm{
  border-radius: 40px !important;
  border: 1px solid var(--Main-600, #2F479D) !important;
  padding-top: .55rem;
  padding-bottom: .55rem;
  font-size: .95rem !important;
  color: var(--Main-600, #2F479D) !important;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23123FBA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
  color: #2F479D;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
   color: #2F479D;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
  color: #2F479D !important;
  font-weight: 400;
  font-size: 14px;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after{
  background-color: #2F479D !important;
}

/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option*/

.separator{
  border-bottom: 1px solid #315B9B;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder{
  color: #8BABDA !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus{
  border: 1px solid #2F479D;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field{
  border: 1px solid #2F479D;
  border-radius: 2rem;
  color: #8BABDA;
  padding-left: 2rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option{
  color: #8BABDA !important;
}

.select2-container--bootstrap5 .select2-dropdown{
  border-radius: 1.5rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{
  border-radius: 20px;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
  font-size: var(--syncify-text-b2) !important ;
}

.card-custom-syncify{
  border-radius: 24px !important;
  border: 1px solid #123FBA !important;
}


.invalid-custom{
  border: 1px solid #F33!important;
}


.tooltip{
  --bs-tooltip-color: #2F479D !important;
  --bs-tooltip-bg: #D8E3F3 !important;
  --bs-tooltip-padding-x: 3.5rem !important;
  --bs-tooltip-padding-y: 1.5rem !important;
  --bs-tooltip-border-radius: 1.3rem !important;
  --bs-tooltip-max-width: 700px !important;
}

.tooltip.tooltip-danger{
  --bs-tooltip-color: #F33 !important;
  --bs-tooltip-bg: #FFE5E5 !important;
}

.tooltip-inner{
  text-align:  left !important;
}

.tooltip-custom{
  margin-top: -.2rem !important;
}

.table-striped-custom>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: var(--Accent-1-100, #D8E3F3) !important;
  color: var(--bs-table-striped-color);
}


.badge-light-primary-syncify{
  color: #254574 !important;
  background-color: #D8E3F3 !important;
  border: 1px solid #315B9B !important;
}

.badge-primary-syncify{
  color: #D8E3F3 !important;
  background-color: #123FBA !important;
  border: 1px solid #0C1727 !important;
}

.badge-deep-blue{
  color: #091F5B !important;
  background-color: #627AD0 !important;
  border: 1px solid #091F5B !important;
}

.badge-outline-danger-syncify{
  color: #AE0000 !important;
  background-color: #FFE5E5 !important;
  border: 1px solid #AE0000 !important;
}

.badge-danger-syncify{
  color: #FFE5E5 !important;
  background-color: #900 !important;
  border: 1px solid #600 !important;
}

.badge-light-danger-syncify{
  color: #900 !important;
  background-color: #F99 !important;
  border: 1px solid #F33 !important;
}


.badge{
  border-radius: 20px !important;
  --bs-badge-font-weight: 400 !important;
  --bs-badge-padding-x: 1.5rem !important;
  --bs-badge-padding-y: .5rem !important;
  --bs-badge-font-size: .95rem !important;
}


/*tr td {
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}
tr td:first-child {
    border-left: 2px solid #fff !important;
}
tr td:last-child {
    border-right: 2px solid #fff !important;
}*/

tr.row-selected td {
    border-top: 1.5px solid #123FBA !important;
    border-bottom: 1.5px solid #123FBA !important;
}
tr.row-selected td:first-child {
    border-left: 1.5px solid #123FBA !important;
}
tr.row-selected td:last-child {
    border-right: 1.5px solid #123FBA !important;
}


.box-quickbooks{
  border-radius: 24px;
  border: 1px solid #123FBA;
  background: transparent;
  padding: 2rem 5rem;
}

.select2-container--bootstrap5 .select2-selection__clear{
  background-color: #123FBA !important;
}

.select2-container--bootstrap5 .select2-selection__clear:hover{
  background-color: #123FBA !important;
}


.flatpickr-calendar{
  border-radius: 1.5rem !important;
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg{
  fill: #123FBA !important;
}

.flatpickr-current-month input.cur-year{
  color:  #344EAD !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
  color:  #344EAD !important;
}

.span.flatpickr-weekday{
  color: #05102E !important;
}
.flatpickr-day.startRange, .flatpickr-day.selected, .flatpickr-day.endRange:hover, .flatpickr-day.endRange{
  background-color: #344EAD !important;
}


.btn-primary-syncify-flatpicker{
  color: var(--Accent-1-100, #D8E3F3) !important;
  border-color: var(--Main-500, #344EAD) !important;
  background-color: var(--Main-500, #344EAD) !important;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}


/*.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url('/new-design/svg/polygon-active.svg')!important;
}

.form-check-input:checked{
  background-color: transparent;
  border-color: transparent;
}
.form-check-input-custom:active svg{
  
}
*/


.form-check-input-custom.active svg, .form-check-input-custom-parent.active svg{
  fill : #123FBA !important;
}

.border-radius-24px{
  border-radius: 1.5rem !important;
}

.border-syncify{
  border: 1px solid #123FBA !important;
}


@media (min-width: 992px) {
    [data-kt-app-aside-fixed=true] .app-wrapper {
        margin-right: 70px;
        margin-left: 70px;

    }

    .app-toolbar{
      border-top-left-radius: 2.5rem;
      border-top-right-radius: 2.5rem;
    }
    .app-content {
        border-bottom-right-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem;
    }
}

input::placeholder{
  color: #8BABDA !important;
}



@media screen and (max-width:961px)  { 

}

@media screen and (max-width: 481px) {
  .wrapper-form-syncify{
    padding-right: 2rem;
    padding-left: 2rem;
    width: 100%;
  }

  .kt_app_root_syncify{
    padding: 2.5rem 2rem;
  }

}