:root {
    --phoenix-blue: #3874ff;
    --phoenix-red: #ec1f00;
    --phoenix-orange: #e5780b;
    --phoenix-green: #25b003;
    --phoenix-cyan: #0097eb;
    --phoenix-gray-black: #000;
    --phoenix-gray-soft: #f5f7fa;
    --phoenix-gray-100: #eff2f6;
    --phoenix-gray-200: #e3e6ed;
    --phoenix-gray-300: #cbd0dd;
    --phoenix-gray-400: #9fa6bc;
    --phoenix-gray-500: #8a94ad;
    --phoenix-gray-600: #6e7891;
    --phoenix-gray-700: #525b75;
    --phoenix-gray-800: #3e465b;
    --phoenix-gray-900: #31374a;
    --phoenix-gray-1000: #222834;
    --phoenix-gray-1100: #141824;
    --phoenix-gray-white: #fbfbfb;
    --phoenix-primary: #052535;
    --phoenix-primary-btn : #1050e8;
    --phoenix-primary-light: #007ab8;
    --phoenix-primary-light2:#b9e2f7;
        --phoenix-primary-light2:#dcf2fd;
    --phoenix-secondary: #0003a0;
    --phoenix-success: #25b003;
    --phoenix-info: #0097eb;
    --phoenix-warning: #e5780b;
    --phoenix-danger: #ec1f00;
    --phoenix-light: #eff2f6;
    --phoenix-dark: #141824;
    --phoenix-primary-rgb: 5, 37, 53;
    --phoenix-thirdary-rgb: 16, 80, 232;
    --phoenix-secondary-rgb: 0, 3, 160;
    --phoenix-success-rgb: 37,176,3;
    --phoenix-info-rgb: 0,151,235;
    --phoenix-warning-rgb: 229,120,11;
    --phoenix-danger-rgb: 236,31,0;
    --phoenix-light-rgb: 239,242,246;
    --phoenix-dark-rgb: 20,24,36;
    --phoenix-white-rgb: 255,255,255;
    --phoenix-black-rgb: 0,0,0;
    --phoenix-body-color-rgb: 49,55,74;
    --phoenix-body-bg-rgb: 245,247,250;
    --phoenix-font-sans-serif: "Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --phoenix-font-monospace: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --phoenix-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
    --phoenix-body-font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    --phoenix-body-font-size: 1rem;
    --phoenix-body-font-weight: 400;
    --phoenix-body-line-height: 1.49;
    --phoenix-body-color: #052535;
    --phoenix-body-bg: #F5F5F5;
    --phoenix-navbar-vertical-link-hover-color: #F5F5F5;
    --phoenix-tertiary-color: #525b75;
    --phoenix-tertiary-color-rgb: 82, 91, 117;
    --phoenix-tertiary-bg: #cbd0dd;
    --phoenix-tertiary-bg-rgb: 203, 208, 221;

    --phoenix-quaternary-color: #8a94ad;
    --phoenix-quaternary-color-rgb: 138, 148, 173;
    --phoenix-quaternary-bg: #9fa6bc;
    --phoenix-quaternary-bg-rgb: 159, 166, 188;

        --phoenix-quaternary-color: #8a94ad;

}

.navbar-vertical  {
    background-color: var(--phoenix-primary)!important;
}

.navbar-logo {
    background-color: var(--phoenix-primary)!important;
}

.bg-secondary{
    background-color: var(--phoenix-secondary)!important;
}

.bg-primary{
    background-color: var(--phoenix-primary)!important;
}


.collapse .navbar-collapse{
    background-color: var(--phoenix-primary);
}

.btn,[data-list] .page{

    font-size:.9rem;
}

.btn-primary{
    color:#fff !important;
    background-color: var(--phoenix-primary-btn)!important;
    border-color:var(--phoenix-primary-btn);
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,0),0 1px 1px transparent
}

.btn-primary:focus,.btn-primary:hover {
    color:var(--phoenix-primary-btn)!important;
    background-color:#fff!important;
    border-color:var(--phoenix-primary-btn);
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
  color:var(--phoenix-primary-btn)!important;
  background-color:#fff!important;
  border-color:var(--phoenix-primary-btn);
}

.btn-secondary{
    color: var(--phoenix-dark);
    padding: 7px 7px 7px 7px;
    background-color: var(--phoenix-gray-white);
    border-color: var(--phoenix-gray-300);
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,0),0 1px 1px transparent
}

.btn-secondary:focus,.btn-secondary:hover {
    color:var(--phoenix-dark);
    background-color: var(--phoenix-gray-300);
    border-color:var(--phoenix-gray-400);
}

.btn-thirdary{
  color:#fff;
  background-color: var(--phoenix-primary);
  border-color:var(--phoenix-primary);
  box-shadow:inset 0 1px 0 hsla(0,0%,100%,0),0 1px 1px transparent
}

.btn-thirdary:focus,.btn-thirdary:hover {
  color:var(--phoenix-primary);
  background-color:#fff;
  border-color:var(--phoenix-primary);
}

.btn-check:active+.btn-thirdary, .btn-check:checked+.btn-thirdary, .btn-thirdary.active, .btn-thirdary:active, .show>.btn-thirdary.dropdown-toggle {
color:var(--phoenix-primary);
background-color:#fff;
border-color:var(--phoenix-primary);
}

.btn-success{
  color:#fff;
  background-color: var(--phoenix-success);
  border-color:var(--phoenix-success);
  box-shadow:inset 0 1px 0 hsla(0,0%,100%,0),0 1px 1px transparent
}

.btn-success:focus,.btn-success:hover {
  color:var(--phoenix-success);
  background-color:#fff;
  border-color:var(--phoenix-success);
}

/*a {
    color: var(--phoenix-secondary);
}

a:hover,a:active {
    color: #000;
    text-decoration-color: #000;
}*/

.form-check-input:checked {
    background-color: var(--phoenix-primary);
    border-color: var(--phoenix-primary);
}

.card-header {
    padding-bottom: 0px;
}

.badge{
    white-space:initial;
}

.badge-light-orange {
    color:#241300;font-weight:600;background-color:#fff0bf;
}

.badge-light-blue {
    color:rgb(20, 25, 96);font-weight:600;background-color:rgb(194, 226, 255);
}

.badge-light-green {
    color:#004747;font-weight:600;background-color:#c3fbff;
}


.nav-tabs .nav-link {
    background-color:rgb(219, 243, 253) ;
    border-left: 1px solid var(--phoenix-gray-200)!important;
    border-right: 1px solid var(--phoenix-gray-200)!important;
    border-top: 1px solid var(--phoenix-gray-200)!important;
    border-bottom : 2px solid var(--phoenix-gray-200)!important;
}

.nav-tabs .nav-link.active {
  color: #141824;
  background-color: white;
  border-bottom-color:white !important;
  border-bottom : 1px solid;
}

/*******************
User Profile
******************/
.user-profile {
    padding: 15px;
    text-align: center;
}

.user-profile .user-content, .user-profile .user-name, .user-profile .user-email {
color: #fff;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

}

.table>:not(caption)>*>*{
    padding:0.5rem .5rem;

}

.table> :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
}



.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
}

.custom-file-input.selected:lang(fr)::after {
    content: "" !important;
  }
  .custom-file {
    overflow: hidden;
  }
  .custom-file-input {
    white-space: nowrap;
  }

  .form-label {
    padding-left: 0px;
    line-height: 1.49;
    text-transform: uppercase;
}


/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 toggle-group / delete : -moz-user-select:none;-webkit-user-select:none;
 * ======================================================================== */
 /*
 .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
 .toggle{position:relative;overflow:hidden}
 .toggle input[type=checkbox]{display:none}
 .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s}
 .toggle.off .toggle-group{left:-100%}
 .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
 .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
 .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
 .toggle.btn{min-width:59px;min-height:34px}
 .toggle-on.btn{padding-right:24px}
 .toggle-off.btn{padding-left:24px}
 .toggle.btn-lg{min-width:79px;min-height:45px}
 .toggle-on.btn-lg{padding-right:31px}
 .toggle-off.btn-lg{padding-left:31px}
 .toggle-handle.btn-lg{width:40px}
 .toggle.btn-sm{min-width:50px;min-height:30px}
 .toggle-on.btn-sm{padding-right:20px}
 .toggle-off.btn-sm{padding-left:20px}
 .toggle.btn-xs{min-width:35px;min-height:22px}
 .toggle-on.btn-xs{padding-right:12px}
 .toggle-off.btn-xs{padding-left:12px}*/


.alert {
    position: relative;
    padding: 0.2rem;
    margin-bottom: 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}

.alert-soft-success {
    color: #1c6c09;
    background-color: #f0fdec;
    border-color: #f0fdec;
    font-weight: 400;
}

.alert-soft-danger{
    color:#b81800;
    background-color:#ffedeb;
    border-color:#ffedeb;
    font-weight:400;
}


scrollbar{overflow:auto}

.scrollbar::-webkit-scrollbar{visibility:visible;-webkit-appearance:none;width:6px;height:6px;background-color:transparent}


.scrollbar::-webkit-scrollbar-thumb{visibility:visible;border-radius:3px;background-color:rgba(159,166,188,.55)}


.scrollbar:focus::-webkit-scrollbar,
.scrollbar:focus::-webkit-scrollbar-thumb,
.scrollbar:hover::-webkit-scrollbar,
.scrollbar:hover::-webkit-scrollbar-thumb{visibility:visible}
.navbar-vibrant
.scrollbar{overflow:auto}.navbar-vibrant
.scrollbar::-webkit-scrollbar{visibility:visible;-webkit-appearance:none;width:6px;height:6px;background-color:transparent}
.navbar-vibrant
.scrollbar::-webkit-scrollbar-thumb{visibility:visible;border-radius:3px;background-color:hsla(0,0%,100%,.4)}
.navbar-vibrant .scrollbar:focus::-webkit-scrollbar,
.navbar-vibrant .scrollbar:focus::-webkit-scrollbar-thumb,
.navbar-vibrant .scrollbar:hover::-webkit-scrollbar,.navbar-vibrant
.scrollbar:hover::-webkit-scrollbar-thumb{visibility:visible}.firefox
.scrollbar{overflow:auto!important;scrollbar-color:rgba(159,166,188,.55) transparent;scrollbar-width:thin}
.firefox .navbar-vibrant .scrollbar{overflow:auto!important;scrollbar-color:hsla(0,0%,100%,.4) transparent;scrollbar-width:thin}.os-theme-dark>.os-scrollbar:focus>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(159,166,188,.55)}


.profile-area{
    padding: 80px 0;
  }

  .card{
    overflow: hidden;
    border-radius: 15px;
  }


  .subcategory-label {
    color:white;
    padding: 3px 10px;
    border-radius: 3px ;
    font-size: 0.75rem;
    font-weight: bold;
    z-index: 10;
  }

  .subcategory-label-div {
    position: absolute;
    top: -3px;
    right: 0px;
  }

  .subcategory2-label {
    position: absolute;
    top: 0px;
    right: 40px;
    color:white;
    padding: 3px 10px;
    border-radius: 3px ;
    font-size: 0.75rem;
    font-weight: bold;
    z-index: 10;
  }

  
  .img1 img{
    height: 180px;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    width: 100%;
    background-color: #FFF;
    align-self:center;
  }

  .img2 img{
    position :relative;
    background-color: #FFF;
    object-fit: scale-down;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    width: 140px;
    height:140px;
    border-radius: 50%;
    border:7px solid #fff;
    margin-top: -80px;

  }

    .card:hover .img2 img{
    width: 160px;
    height:160px;
    margin-top: -100px;
    transition: .4s;
  }

  .img2top img{
    position :relative;
    background-color: #FFF;
    object-fit: scale-down;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    width: 90px;
    height:90px;
    border-radius: 50%;
    border:7px solid #fff;
    margin-top: 10px;

  }

  .card:hover .img2top img{
    width: 100px;
    height:100px;
    margin-top: 0px;
    transition: .4s;
  }

  .main-text{
    padding: 0px 5px 5px;
    text-align: center;
    height: 80px;
  }

  .alert-text{
    text-align: center;
    height: 15px;
  }

  .main-text h4{
    /*text-transform: uppercase;
    font-size: 16px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .main-text p{
    text-transform: uppercase;
    font-size: 11px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .buttons{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .img1B img{
    height: 90px;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    width: 100%;
    background-color: #FFF;
    align-self:center;
  }

  .img2B img{
    position :relative;
    background-color: #FFF;
    object-fit: scale-down;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    width: 110px;
    height:110px;
    border-radius: 50%;
    border:7px solid #fff;
    margin-top: -60px;

  }

  .main-textB{
    padding: 0px 10px 10px;
    text-align: center;
    height: 45px;
  }

  .main-textB h5{
    /*text-transform: uppercase;
    font-size: 16px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .buttonsB{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }


  /*//////////////////////////////////////////////////////////////////
[ Phoenix paid version */

.pricing-column-title-box {
  height: 75px;
}


.text-body-quaternary {
  --phoenix-text-opacity: 1;
  color: rgba(var(--phoenix-quaternary-color-rgb), var(--phoenix-text-opacity)) !important;
}

.text-body-quaternary-hover:hover {
  color: var(--phoenix-quaternary-color) !important;
}
.text-body-tertiary {
  --phoenix-text-opacity: 1;
  color: rgba(var(--phoenix-tertiary-color-rgb), var(--phoenix-text-opacity)) !important;
}

.text-body-tertiary-hover:hover {
  color: var(--phoenix-tertiary-color) !important;
}
.text-body-secondary-hover:hover {
  color: var(--phoenix-secondary-color) !important;
}
.text-body-hover:hover {
  color: var(--phoenix-body-color) !important;
}
.text-body-highlight-hover:hover {
  color: var(--phoenix-body-highlight-color) !important;
}
.text-body-emphasis-hover:hover {
  color: var(--phoenix-emphasis-color) !important;
}

.stack-icon-item {
  margin-top: 1px;
}

.text-opacity-50 {
  --phoenix-text-opacity: 0.5;
}

.avantages{
  margin-top: 20px;
}

@media (max-width: 800px) {
  .form-select{
    font-size : 0.9rem !important;
  }
  .form-label{
    font-size : 0.8rem !important;
  }
  .form-control{
    font-size : 0.9rem !important;
  }
  .criterias{
    margin-top: 20px;
  }
}
@media (min-width: 800px) {
  .criterias{
    margin-top: 20px;
    height: 200px;
  }
}

.select-services-btn{
  margin-top: 20px;
}

.text-body-quaternary {
  --phoenix-text-opacity: 1;
  color: rgba(var(--phoenix-quaternary-color-rgb), var(--phoenix-text-opacity)) !important;
}

.text-opacity-50 {
  --phoenix-text-opacity: 0.5;
}

.fa-ul .fa-li {
  left: calc(var(--fa-li-width, 2em) * -1) !important;
}

.card-princing:hover{
  box-shadow: 0px 0px 0px 4px rgba(56, 116, 255, .2);
}

.card-princing-select{
  border: 2px solid var(--phoenix-primary)
}

.flag {
  cursor: pointer;
  width: 60px;
  opacity: 0.4;
}
.flag.active {
  opacity: 1;
}

.nav-link.hoverbg:hover:not(.nav-link.active) {
  background-color: #cedcff!important;
  text-decoration: none;
}

.nav-light-color  {
  color: #002096;
  background-color: #7cc2ff!important;
}

.nav-light-color:hover  {
  color: #002096;
  background-color: #ff9f7c!important;
}

.selectableCard:hover {
  border-color :var(--phoenix-primary)!important;
}

tr.tableradio td{
  border-top : 1px;
  border-bottom: 0px;
}


.ui-sortable-placeholder {
  background-color: #cedcff!important;
  border-width: 0px;
}


.ui-sortable-handle {
  background-color: rgb(255, 255, 255)!important;
}

.form-label {
  font-size: .68rem;
}

.form-check-label {
  font-size: .85rem;
}

.form-floating>label {
  padding-top: 10px !important;
  padding-left: 12px !important;
  color: var( --phoenix-gray-600);

}

.small-floating {
  padding-bottom: 12px !important;
  height: 46px !important;
  background-image: none !important;
}

@media (max-width: 576px) {
  .form-floating label {
      display: block;       /* Ensures the label is treated as a block element */
      overflow: hidden;     /* Hides overflowing text */
      white-space: nowrap;  /* Prevents text from wrapping */
      text-overflow: ellipsis; /* Adds "..." when text is too long */
      max-width: 95%;       /* Adjust width to fit inside the input */
  }
  .form-floating:focus-within label,
  .form-floating input:valid + label {
    font-size: 0.70rem; /* Reduce font size */
    white-space: nowrap;  /* Keep text on one line */
    overflow: visible;    /* Allow the full text to be displayed */
    text-overflow: unset; /* Remove ellipsis */
    max-width: 90%;      /* Allow label to expand fully */
  }
}

.text-thirdary {
  --phoenix-text-opacity: 1;
  color: rgba(var(--phoenix-thirdary-rgb), var(--phoenix-text-opacity)) !important;
}


.alert-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0d00ff;
    color: white;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    z-index: 1000;
    opacity: 0; /* Initialement invisible */
    transition: opacity 0.5s ease-in-out; /* Animation pour fondu */
}

.alert-banner-success {
    color: #1c6c09;
    background-color: #d0f8c3;
    border-color: #1c6c09;
    font-weight: 400;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    z-index: 1000;
    opacity: 0; /* Initialement invisible */
    transition: opacity 0.5s ease-in-out; /* Animation pour fondu */
}

.alert-banner-error{
    color:#b81800;
    background-color:#ffddd9;
    border-color:#b81800;
    font-weight:400;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    z-index: 1000;
    opacity: 0; /* Initialement invisible */
    transition: opacity 0.5s ease-in-out; /* Animation pour fondu */
}


.btn-check:active+.btn-phoenix-secondary, 
.btn-check:checked+.btn-phoenix-secondary, 
.btn-phoenix-secondary.active, 
.btn-phoenix-secondary:active,
.show>.btn-phoenix-secondary.dropdown-toggle {
  color: #000;
  background-color: #d2d7e2 !important;
  border-color: #e6e9ef;
}

.alert-banner.show {
    opacity: 1; /* Rendre visible */
}

.alert-banner-success.show {
    opacity: 1; /* Rendre visible */
}

.alert-banner-error.show {
    opacity: 1; /* Rendre visible */
}

.alert-banner a {
    color: #072536;
    text-decoration: none;
    font-weight: bold;
    pointer-events: auto;
}

.alert-banner a:hover {
    text-decoration: underline;
    color: #0c1113;
}

.card-header.d-flex.justify-content-between.align-items-center {
    /*background-color: #1150e812 !important;*/
    padding: 10px 20px !important;
}

.subtitle-guide{
    color: var(--phoenix-blue)!important;
}

.ql-container {
  /*height: calc(100% - 66px)!important;*/
  height: auto !important;
}

.subtitle-guide{
    color: var(--phoenix-blue)!important;
}

.text-gray-500 {
  color: var(--phoenix-gray-500);
}

.text-gray-600 {
  color: var(--phoenix-gray-600);
}

#search-suggestions {
  display: none; /* hidden by default */
  list-style: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

#search-suggestions.show {
  display: block; /* show when items exist */
}

#search-suggestions li:hover {
    background-color: #f8f9fa !important; /* light hover effect */
}

#clear-search {
  color: #aaa;
  font-size: 1.25rem;
  cursor: pointer;
  transition: color 0.2s;
}
#clear-search:hover {
  color: #000;
}

.intro-text {
    font-size: 1.1rem; /* par défaut (mobile) */
    font-weight: 700;
}

@media (min-width: 768px) { /* md */
    .intro-text {
        font-size: 1.2rem;
        font-weight: 700;
    }
}

@media (min-width: 992px) { /* lg */
    .intro-text {
        font-size: 1.4rem;
        font-weight: 700;
    }
}

.page-link-over {
  font-size: 0.8rem;
  margin-top: 0.8rem;
}

@media (min-width: 768px) {
  .page-link-over {
    margin-right: -200px;

  }
}

#offer-search {
  border-color: var(--phoenix-gray-200)  !important; /* darker border */
  background-color:var(--phoenix-gray-200) ;
  color: #111; /* text color */
}

#offer-search::placeholder {
  color: #555; /* darker gray for placeholder */
  opacity: 1;  /* ensure full visibility */
  font-style: italic;
}


#search-btn {
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--phoenix-primary-btn)!important;
  color:white!important;
}

.kpipadding td.kpipadding-entry {
  padding: 0.2rem 0.1rem !important;
}
.kpipadding>:not(caption)>*>* {
  padding: 0.2rem 0.5rem !important;

}

.kpipadding thead {
  background-color: var(--phoenix-primary);
  color:#fff;
}

.navbar-vertical .navbar-vertical-content .navbar-vertical-label {
  font-size: .95rem!important;

}

.navbar-vertical .navbar-vertical-content .nav-link-text {
  padding-top: .5rem;
  font-size: .95rem!important;
}