.metismenu {
  position: fixed;
}
.btn_none:hover{
  color:black !Important;
}
.btn_none{
  background-color: white !important;
  color: black !IMPORTANT;
  padding: 0px !important;
}

/*.feedcard{*/
  /*    padding: 7px;*/
  /*    background: #FDEFF0;*/
  /*    border-radius: 0px !important;*/
  /*    border-bottom: 4px solid #dddddd;*/
  /*}*/
  .d_heading{
    margin-top: 17px;
    font-weight: 700;
    margin-bottom: 0px !important;
  }
  .percentage{
    background: #EF6265;
    text-align: center;
    height: 60px;
    padding-top: 20px;
    border-radius: 100%;
    width: 62px;
  }
  .percentage h3{
    font-size: 16px;
    color: white !important;
    margin-bottom: 0px !important;
  }
  .scrool_section{
    overflow: scroll;
    height: 545px;
    overflow-x: hidden;
  }
  .feedback_scrool{
    overflow: scroll;
    height: 1700px;
    overflow-x: hidden;
  }
  .ai_scrool{
    overflow: scroll;
    height: 453px;
    overflow-x: hidden;
  }
  .feedback_section{
    background: #0000007d;
    z-index: 9999999;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 104%;
    margin-left: -80px;
  }
  .btn{
    font-family: "Open Sans", sans-serif !important;
  }
  .sidebar-right-trigger{
    display: none !important;
  }
  .dz-demo-trigger{
    display: none !important;
  }
  span{
   font-family: "Open Sans", sans-serif !important;
 }
 p{
   font-family: "Open Sans", sans-serif !important;
 }

 .main_Card{
  border: none;
  border-top: 7px solid #51005e;
  border-radius: 5px;
}
.hedaing{
  font-weight: 700;
  color: #202083;
  font-size: 21px; 
  font-family: "Open Sans", sans-serif !important;   
}
.card_Section{
  height: 120px;
}
.btn-primary{
  background: #51005e !important;
  border: none !important;
}
.Competition_Card{
  background: #51005e;
  color: white !IMPORTANT;
  border-radius: 10px;
}
.com_heading{
  color: white;
}
[data-headerbg="color_1"] .nav-header .hamburger .line{
  background: #51005e !important;
}
.insight_card{
  background: #f7f3f7;
}
.ancher{
  font-size: 14px;
  text-decoration: underline;
  color: #51005e;
  font-weight: 400;
}

.summ_head{
  color: #2bbbde;
  font-family: "Open Sans", sans-serif !important;
}
.index_card{
  padding: 1.875rem;
  background: white;
  border-radius: 20px;
}
.hover_Card:hover{
  box-shadow: 0px 0px 20px 0px lightgray;
}
.sum_card{
  height: 200px !important;
  font-family: "Open Sans", sans-serif !important;
}
.Customer_head_head{
  color: #ef6265;
  font-family: "Open Sans", sans-serif !important;
}
.Appreciation_head{
  color: #20d493;
  font-family: "Open Sans", sans-serif !important;
}
.filter_card{
  background: #f1edf2;
}
p{
  margin-bottom: 0px !important;
}
.filter_paragraph{
  font-weight: bold;
  color: black;
  font-size: 14px !important;
}
.btn_main1{
  background: #E61D89;
  color: white !important;
  border-radius: 100px;
  padding: 5px;
  font-size: 10px !important;
}
.btn_main2{
  background: #11A1F2;
  color: white !important;
  border-radius: 100px;
  padding: 5px;
  font-size: 10px !important;
}
.main_ul{
  display: flex;
}
.main_ul li{
  margin-right: 10px;
}
.btn_main3{
  background: #EB8528;
  color: white !important;
  border-radius: 100px;
  padding: 5px;
  font-size: 10px !important;
}
.btn_main4{
  background: #15A109;
  color: white !important;
  border-radius: 100px;
  padding: 5px;
  font-size: 10px !important;
}
.btn_main5{
  background: #C1A6C6;
  color: white !important;
  border-radius: 100px;
  padding: 5px;
  font-size: 10px !important;
}
.default-tab .nav-link.active{
  color: black !important;
  font-weight: 700 !important;
  font-family: "Open Sans", sans-serif !important;
}
.nav-link{
  color: black !important;
}
.default-tab .nav-link i{
  color: black !important;
}
.default-tab .nav-link{
  font-family: "Open Sans", sans-serif !important;
  font-weight: 700;

}
a:hover {
  color: black !important;
}
.btn-primary:hover {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: snow;
}
.btn-success{
  background: #00BCD4;
  border: none;
}
.btn-success:hover{
  color: #fff !important;
  background-color: #00BCD4 !important;
  border-color: #19d3d2!important;
}
.btn-success:focus {
    color: #fff;
    background-color: #00BCD4 !important;
    border-color: #19d3d2!important;
    box-shadow: 0 0 0 0.25rem rgb(66 251 251 / 50%);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00BCD4 !important;
    border-color: #19d3d2!important;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(66 251 251 / 50%);
}

.raw_card{
  background: #fafafa;
}
.btn-outline-primary{
  border: 2px solid #EF6265 !important;
  color: #ffffff !important;
  background: #EF6265;
  padding: 0px !IMPORTANT;
}
.btn-outline-primary:hover{
  background: #f1787b !important;
  color: white !important;
}
.btn-outline-success{
  border: 2px solid #F99B0E !important;
  color: #ffffff !important;
  background: #F99B0E;
  padding: 0px !IMPORTANT;
}
.side_menu{
  position: absolute;
  width: 62%;
  background: #fffefe;
  top: 0px;
  height: 100%;
  z-index: 9999999;
  border-left: 7px solid #393676;
  border-radius: 20px;
  padding: 20px;
}
.feed_Card{
  background: #393676;
  border-radius: 20px 20px 0px 0px;
  color: white;
}
.cop_c{
  background: #F1EDF2;
  color: #393676 !important;
}
.c_heading{
  color: #393676 !important;
  font-weight: bolder;
}
.deznav .metismenu > li.mm-active > a{
  background: rgb(157 48 166 / 30%) !important;
  color: #51005e !important;
}
.deznav .metismenu > li.mm-active > a i{
  color: #51005e !important;
}
.deznav .metismenu > li:hover > a{
  color: #51005e !important;
}
.deznav .metismenu > li:hover > a i{
  color: #51005e !important;
}
.request_row{
  background: #FEF5E7;
  padding: 4px;   
}
.re_Card{
  border-radius: 20px 0px 0px 20px;
  border-right: 9px solid #d9d9d9;
}
.competation_card{
  background: #F1EDF2;
  color: #393676 !important;
  padding: 1.875rem;
  border-radius: 20px;
}
@media (min-width: 320px) and (max-width: 450px) {
  .body_main {
    margin-left: 0rem !important;
  }
  .main_container{
    padding-left: 15px !important;
  }
  .feedback_section {
    margin-left: 0px !important;
  }
  .side_menu{
    width: 100% !important;
  }
  /*.fil_ul{
    display: contents !important;
    text-align: center !Important;
  }*/
  /*.fil_ul li{
    margin-bottom: 10px !important;
  }*/
  .filter_paragraph{
    text-align: center !important;
  }
  .main_container{
    padding-left:15px !Important;
  }
}
.btn-outline-success:hover{
  color: white !IMPORTANT;
  background-color: #f99b0e !IMPORTANT;
  border-color: #f99b0e !IMPORTANT;
}
.form-control{
  height: 41px !important;
  padding: 0.3125rem .75rem;
  font-size: 100%;
}
.btn-outline-danger{
  border: 2px solid #00CE83 !important;
  color: #ffffff !important;
  background: #00CE83;
  padding: 0px !IMPORTANT;
}
.btn-outline-danger:hover{
  border: 2px solid #00CE83 !important;
  color: #ffffff !important;
  background: #00CE83;
  padding: 0px !IMPORTANT;
}
.nav_l1 active{
  background: #f3f9f7 !important;
}
.number_c{
  font-size: 37px !important;
}
.search-area .input-group-append .input-group-text{
  height: 41px !important;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a{
  background: #e1c0e4 !important;
}
/*[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header{
  width: 9rem !important;
}*/
.lorem_col{
  padding: 30px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ededed;
}
/*[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text {
  display: table !Important;
  font-size: 12px !Important;
  margin-left: 20px !Important;
  color: black !important;
}*/
/*[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav {
  width: 9rem !Important;
  overflow: visible;
  position: absolute;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a {
  padding: 10px !Important;
  border-radius: 8px !Important;
  margin: 2px 0 !Important;
  text-align: center !Important;
}
*/
.main_container{
  padding-left: 45px !important;
}

.filter_card .card-body {
  padding: 20px !important;
}
.custome-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.custome-dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px 30px 8px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.dropdown-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; /* Ensures the icon doesn't interfere with clicking on the dropdown */
}

.card-body{
  padding: 10px !important;
}
img.img-flag {
  margin: 0 !important;
  display: none !important;
  height: 15px;
  width: 18px;
  object-fit: contain;
}
.select2-container--classic .select2-selection--multiple{
  border: none !important;
  cursor: pointer !important;
}
.custome-dropdown-wrapper .select2.select2-container{
  width: 100% !important;
}
.default-tab .nav-link.active{
  background: #ffffff !important;
  border: none !IMPORTANT;
  border-radius: 20px 20px 0px 0px !IMPORTANT;
  padding: 20px 30px 20px 30px;
}
.custome-dropdown-wrapper {
  position: relative;
  display: inline-block;
}
.default-tab .nav-link{
  border: none !IMPORTANT;
  border-radius: 20px 20px 0px 0px !IMPORTANT;
  padding: 20px 30px 20px 30px !important;
}

.custome-dropdown {
  padding-right: 25px; /* adjust as needed */
}

.dropdown-icon {
  position: absolute;
  top: 50%;
  right: 5px; /* adjust as needed */
  transform: translateY(-50%);
}
.custome-dropdown-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custome-dropdown {
  width: calc(100% - 25px); /* adjust as needed */
}

.dropdown-icon {
  position: absolute;
  top: 50%;
  right: 5px; /* adjust as needed */
  transform: translateY(-50%);
}
.tab-content > .active{
  background: white !important;
}
.nav-tabs{
  border-bottom: none !important;
}
.tags-input { 
 display: flex; 
 flex-wrap: wrap; 
 padding: 0; 
 margin: 0; 
 width: 70%; 
} 

.tags-input input { 
 flex: 1; 
 border: none; 
 height: 32px; 
 border: 2px solid crimson; 
 border-radius: 10px; 
} 

.tags-input input:focus { 
 border: none; 
} 

.tags-input ul { 
 display: flex; 
 flex-wrap: wrap; 
 list-style: none; 
 padding: 0; 
 margin: 8px 0 0 0; 
} 

.tags-input ul li { 

 margin-right: 8px; 
 margin-bottom: 8px; 
 padding: 8px; 
 background-color: #ddd; 
 border-radius: 4px; 
} 
.tags_url li{
  background: #C1A6C6;
  color: white !important;
  border-radius: 11px !IMPORTANT;
  padding: 10px 16px 10px 16px;
  font-size: 12px !important;
}
.delete-button{
  background: none;
  border: none;
  color: white;
  padding-left: 5px;
  font-size: 9px;
  color: black;
  font-weight: bold;
}
.list-group-item:first-child {
  border-top-left-radius: 11px !important;
  border-top-right-radius: 11px !important;
}
.text-danger{
  color: black !important;
  margin-left: 5px !important;
}
.footer{
  padding-left:0rem !important;
}
/*@media (min-width: 450px) and (max-width: 820px) {
  .main_ul {
    display: block !important;
    text-align: center !important;
  }
}*/
@media (min-width: 1024px) and (max-width: 3000px) {
  .nav-control{
    display: none !important;
  }
}
/*@media (min-width: 320px) and (max-width: 1024px) {
  .deznav{
    display:none !important;
  }
}*/
/*@media only screen and (min-width: 768px){
  [data-sidebar-style="mini"] .body_main {
    margin-left: 0px !Important;
  }
  
}*/

/*.body_main {
  margin-left: 8rem;
}
.deznav{
  width: 10rem!important;
}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
  margin-left: 7rem !important;
}
*/