.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: #c1a6c6;
  border: none;
}
.btn-success:hover{
  color: #fff !important;
  background-color: #c1a6c6 !important;
  border-color: none !important;
}
.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;
  }
  .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;
}
.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: 20px;
  background: #fafafa;
  border-bottom: 2px solid #C9C9C9;
}
/*[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text {
  display: block !Important;
  font-size: 12px !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;
}*/


.filter_card .card-body {
  padding: 10px !important;
}
h3{
  margin-bottom: 0px !important;
}
p{
  margin-bottom: 0px !important;
}
.default-tab .nav-link.active {
  background: #ffffff !important;
  border: none !IMPORTANT;
  border-radius: 20px 20px 0px 0px !IMPORTANT;
  padding: 20px 40px 20px 40px;
}
.default-tab .nav-link{
  border: none !IMPORTANT;
  border-radius: 20px 20px 0px 0px !IMPORTANT;
  padding: 20px 40px 20px 40px !important;
}
.nav-tabs{
  border-bottom: none !important;
}
.footer{
  padding-left:0rem !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;
}
*/