body{
    margin: 0;
    Font : Nunito;
}

.box-body{
    padding: 0px 150px;
}

.box-demo{
    background: #FFFFFF;
    box-shadow: 0px 10px 36px rgb(0 0 0 / 17%);
    border-radius: 5px;
    text-align: center;
    padding: 67px 88px;
}

.title-demo{
font-weight :700, Bold;
font-size :24px;
line-height:  22px;
text-align:Center;
margin-bottom:43px;
text-transform: uppercase;
}

.p-demo{
    font-Weight: 400;
    text-align: left;
    font-size: 16px;
    Line-height: 28px;
    margin-bottom: 99px;
}

.circle-icon{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: relative;
    margin: auto;
    margin-bottom: 19px;
    background: linear-gradient(147.83deg, #30B4FE -2.91%, #3369AF 77.22%);
}

.icon-p{
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    Width: 162px;
    margin: auto;
}

.icon-inside{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.btn-slide{
width: 192px;
height: 35px;
padding: 3px 1px;
background: #214778;
transition: all 0.2s ease-in;
border-radius: 20px;
color: white !important;
justify-content: center;
align-items: center;
cursor: pointer;
}   

.btn-slide:hover{
    background: #0c203a;
    color: white;
}

.btn-slide-tow {
    width: 276px;
    height: 39px;
    padding: 3px 1px;
    background: #214778;
    transition: all 0.2s ease-in;
    border-radius: 20px;
    color: white !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #FFFFFF;
}

.btn-slide-tow:hover{
    background: white;
    color: #0c203a !important;
    border: 1px solid #0c203a;

}

.btn-slide-tow:hover .num-circle{
    border: 2px solid #214778;

}

.mb-80{
    margin-bottom: 80px;
    position: relative;
}

.num-circle{
    border: 2px solid white;
    border-radius: 50px;
    height: 27px;
    width: 27px;
    margin: 5px;
    padding-top: 2px;
}

.dashed-line{
    position: absolute;
    left: 18.63%;
    right: 35.55%;
    top: 27.96%;
    bottom: 75.04%;
    border: 1px dashed #B1B1B1;
    width: 62%;
}

.flex-edit .row{
    align-items: center;
    text-align: left;

    
}

.white-btn{
    width: 149px;
    height: 35px;
    border: 1px solid #214778;
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
    color: #214778 !important;
    cursor: pointer;
    transition: all 0.2s ease-in;
    padding: 8px;
    margin-right: 20px;
}

.white-btn:hover{
    background: #214778;
    color: white !important;
    border: 1px solid #214778;
}

.dot-row{
    justify-content: center;
}

.dots{
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    border-radius: 30px;
    background-color: #DBEBFF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: 700, Bold;
    font-size: 21px;

}

.active-new{
    background-color: #397DD6!important;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(222, 226, 230);
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(222, 226, 230);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F4F9FF;
}

.table-striped{
    text-align: left;
}

.p-demo-tow{
    margin-bottom: 25px;
}

.table td {
    text-align: left;
    vertical-align: middle;
}

.table-striped td:nth-child(2),.table-striped td:nth-child(3){
  text-align: center;
}

.table thead th {
    vertical-align: middle;
    text-align: center;
}

.subtitle{
    width: 441px;
    text-align: left;
    font-Weight: Bold;
    font-Size: 22px;
    Line-height: 32.5px;
    margin-bottom: 20px;
}

.subtitle-li{
    font-Size: 17px;
}

.subtitle-li li{
  padding: 4px;
  text-align: left;
}

.Polygon-shape{
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    Width: 30.08px;
    Height: 22.17px;
    background-color: #A90606;
    color: white;
    padding-bottom: 27px;
    padding-right: 36px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
}

.Polygon-shape-tow{
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 87% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 87% 50%, 75% 100%, 0% 100%);    
    Width: 100px;
    Height: 22.17px;
    background-color: #397DD6;
    color: white;
    padding-bottom: 27px;
    padding-right: 36px;
    padding-left: 5px;
    border-radius: 4px;
}

.img-prev-shadow{
    /*box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.12);*/
    padding: 20px 15px;
}

.mb-95{
    margin-bottom: 95px;
}

.mb-50{
    margin-bottom: 50px;
}

.Polygon-shape-three{
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    Width: 30.08px;
    Height: 32.17px;
    background-color: #A90606;
    color: white;
    padding-bottom: 26px;
    padding-right: 44px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
}

.mb-74{
    margin-bottom: 74px;
}

.box-offer{
    border: 2px solid black;
    padding: 31px;
    height: 100%;
}

.box-offer>div:nth-child(1){
    font-weight: 800;
    font-size: 20px;
}

.box-offer>div:nth-child(2){
    font-weight: 400;
    font-size: 36px;
}

.box-offer>div:nth-child(3){
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 16px;
}

.botton-buttom{
    bottom: 33px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
}

.Participant{
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 26px;
}

.Benefits{
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    margin-bottom: 50px;
}

.box-offer-tow>div:nth-child(2){
    color: #C01818;
}

.cross-icon{
    /*border: 1px solid rgba(192, 24, 24, 0.5);
    transform: rotate(-162.07deg);
    width: 82px;
    position: absolute;
    top: 16px;
    right: -1px;*/
}

.cross-icon-tow{
    border: 0px solid rgba(192, 24, 24, 0.5);
    background-color: rgba(192, 24, 24, 0.5);
    height: 3px;
    transform: rotate(167deg);
    width: 94px;
    position: absolute;
    top: 14px;
    right: -5px;
}

.cross-icon-checkout{
    border: 0px solid rgba(164, 5, 11, 0.5);
    background-color: rgba(192, 24, 24, 0.5);
    height: 3px;
    transform: rotate(159deg);
    width: 70px;
    position: absolute;
    top: 18px;
    right: -5px;
}

.cross-rel{
    position: relative;
    /*font-weight: bold;*/
    font-size: 25px;
    color: #797979;
}

.billed{
font-weight: 400;
font-size: 14px;
margin-bottom: 16px;
}

.mb-73{
    margin-bottom: 73px;
}

/*Page Six*/
.first-sample{
    justify-content: space-between;
}

.first-list{
    list-style: none;
    padding-left: 0;
}

.first-list li{
    margin-bottom: 35px;
}

.rectangle {
    width: 40px;
    height: 7px;
    margin: 0;
    margin-bottom: 40px;
}

.rectangle-row{ 
    width: 135px;
    margin: auto;
    justify-content: space-around;
}  

.image-one{
    height: 200px;
    background-repeat: no-repeat;
    background-image: url(https://client.teamhr.org/public/assets/images/employees\ evaluation\ 1.svg);
    position: relative;
}

.image-tow{
    height: 200px;
    background-repeat: no-repeat;
    background-image: url(https://client.teamhr.org/public/assets/images/employees\ evaluation\ 1.svg);
    position: relative;
}

.image-three{
    height: 200px;
    background-repeat: no-repeat;
    background-image: url(https://client.teamhr.org/public/assets/images/employees\ evaluation\ 3.svg);
    position: relative;
}

.num-circle-tow{
    border: 3px solid white;
    color: white;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-Size: 19px;
    top: 15px;
    left: 29px;
    position: absolute;
}

.img-txt{
    font-weight: 700;
    font-size: 18px;
    color: white;
    position: absolute;
    left: 47%;
    top: 80%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.clipPathOne{
    background-image: url(https://client.teamhr.org/public/assets/images/clip-path-1.svg);
}

/*Reports style*/
/*style.css*/
body{
  background-color: #fffff;
}

.Title-survey{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 22px;
margin-top: 158px;
margin-left: 300px;
margin-bottom: 50px;
color:hsl(214, 58%, 45%);
}

.layout-sidebar-large .main-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  z-index: 100;
}

.sec-nav {
  display: flex;
  list-style: none;
  font-weight: 700;
  font-size: 14px;
  padding-left: 15%;
  padding-right: 16%;
  width: 100%;
}

.sec-nav li{
  cursor: pointer;
  margin-left: 58px;
}

.active-line-blue{
  height: 2px;
  background-color: #397DD6;
}

.hover-line-blue{
  height: 0px;
  background-color: #397DD6;
  transition: all 0.1s ease-in;
}

.sec-nav li:hover .hover-line-blue{
  height: 2px;
}

.active-line-blue{
  height: 2px;
  background-color: #397DD6;
}

.main-survery-box{
  padding-left: 17%;
  padding-right: 8%;
}

.left-section{
    width: 48%;
    padding: 0 10px 0 0;
}

.right-section{
    width: 60%;
    padding: 0 0 0 10px;
}

.charts-section{
    flex-flow: column;
    /*height: 1211px;*/
    flex-wrap: wrap;
    column-gap: 3%;
}

.white-box-fst-fba{
  padding: 27px;
  background-color: #FFFFFF;
  border-radius: 6px;
  position: relative;
  margin-bottom: 29px;
  /*width: 48.5%;*/
  /*flex-grow: 1;*/
}

.first-box{
  height: 74px;
  width: 100%;
  padding: 0 30px;
  margin-bottom: 27px;
  background-color: #FFFFFF;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  color: #666666;
}

.box-title{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 25px;
}

.img-drag{
  position: absolute;
  top: 15px;
  right: 15px;
}

.gradient-chart{
  position: relative;
  width: 234px;
  margin: auto;
}

.gradient-chart > img{
  display: block;
  margin: auto;
}

.arrow-chart{
  position: absolute;
  bottom: -11px;
  left: 12px;
  transform-origin: 1495% 48%;
  transform: rotate(0deg);
}

.Gradient-chart-text{
  width: fit-content;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 71%;
  transform: translate(-50%,-50%);
  line-height: 14px;
  font-weight: 700;
}
.the-gradient-percentage{
  font-size: 33px;
  font-weight: 600;
}
.per-font{
  font-Weight:600;
  font-Size :11px;
}

.satisfied-chart-txt{
  position: absolute;
  right: -15px;
  bottom: -16;
  font-size: 11px;
}

.dissatisfied-chart-txt{
  position: absolute;
  left: -15px;
  bottom: -16px;
  font-size: 11px;
}

.happy-img{
  position: relative;
  width: 63px;
  height: 63px;
}

.happy-img img{
width: 63px;
height: 63px;
display: none;
}

.happy-img div{
  position: absolute;
  width: 63px;
  height: 63px;
}

.man-chart{
  position: relative;
  min-width: 85px;
  height: 147px;
}

.man-chart img{
  position: absolute;
}

.man-chart img:nth-child(1){
  transform: scale(0.96);
}

.woman-chart-back{
  overflow: hidden;
  position: absolute;
  width: 85px;
  height: 145px;
}

.hover-me:hover{
  background-image: linear-gradient(to right,rgba(255, 255, 255, 0.3),rgba(255,255,255,0.3))
}

.hover-me-one:hover{
  background-image: linear-gradient(to right,rgba(0, 0, 0, 0.05),rgba(0,0,0,0.05));
}

.white-back-manChart{
  background-color: white;
  height: 145px;
  width: 85px;
  position: absolute;
}

.white-back-womanChart{
  background-color: white;
  height: 145px;
  width: 85px;
  position: absolute;
}

/* Donuts Chart */
.donut-chart{
  height: 450px;
  overflow: hidden;
}

.human-chart {
  cursor: context-menu;
}

.chart-number-participant{
  width: 100%;
  flex-wrap: wrap;
  row-gap: 15px;
  margin-bottom: 26px;
}


.participant-number{
  background-color: #397DD6;
  height: 25px;
  border-radius: 34px;
  color: white;
  min-width: fit-content;
  padding: 2px 9px;
  margin-right: 14px;
  cursor: context-menu;
             
} 

.participant-number>span{
  margin-left: 3px;
}

.man-count{
  background-color: #397DD6;
  border-radius: 34px;
  color: white;
  width: 40%;
  text-align: center;
}

.woman-count{
  background-color: rgba(83, 163, 207, 0.2);
  border-radius: 34px;
  color: #397DD6;
  width: 60%;
  text-align: center;
}

.participant-chart{
  gap: 10px;
  cursor: context-menu;    
}

.satisfaction-box{
  background-color: #397DD6;
  border-radius: 13px;
  width: 134px;
  height: fit-content;
  color: white;
  padding: 5px 4px;
  padding-top: 17px;
  position: relative;
  align-items: center;
  display: flex;
  cursor: context-menu;  
}

.inner-box-txt{
  text-align: center;
  vertical-align: middle;
}

.inner-box-txt>div:nth-child(1){
  /*height: 20px; */  
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   line-height: 1;
  margin-top: 4px;

}

.inner-box-txt>div:nth-child(2){
  font-size: 12px;
  
}

.inner-box-txt span{
  font-size: 10px;
}

.satisfaction-box-back{
  gap: 20px;
  display: flex;
  flex-wrap: wrap !important;
  /*padding-left: 29px;*/
  align-items: center;
  margin-bottom: 26px;
  flex-flow: row;
}

.sat-dis-row{
  gap: 15px;
  flex-wrap: wrap;
  cursor: context-menu;  
}

.sat-dis-row>div>div:nth-child(1){
  height: 9px;
  width: 9px;
  margin-right: 7px;
}

.sat-dis-row>div{
  align-items: center;
}

.sat-dis-row>div:nth-child(1)>div:nth-child(1){
  background-color: #FB5F6D;
}

.sat-dis-row>div:nth-child(2)>div:nth-child(1){
  background-color: #F0AF6F;
}

.sat-dis-row>div:nth-child(3)>div:nth-child(1){
  background-color: #9ADBA3;
}

.sat-dis-row>div:nth-child(4)>div:nth-child(1){
  background-color: #7CC6D3;
}

.sat-dis-row>div:nth-child(5)>div:nth-child(1){
  background-color: #397DD6;
}

/*  */
.working-years-chart-back{
  column-gap: 17px;
  align-items: center;
  margin-bottom: 15px;
}

.working-years-chart-back>div:nth-child(1){
  width: 61px;
}

.working-years-chart{
  background-color: #397DD6;
  height: 32px;
  width: 94%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: context-menu;
}

.working-years-chart>span{
  font-size: 10px;
}

.gen-part-info{
    line-height: 1;
    margin-bottom: 20px;
}

.gen-part-info>span:nth-child(1){
  font-size: 39px;
  font-weight: 400;
}

.gen-part-info>span:nth-child(2){
  font-size: 23px;
  font-weight: 400;
}

/* Raised Topics Chart */
#container {
  width: 100%;
  height: 400px;
  margin: 0;
  padding: 0;
}

#container>div:nth-child(1){
  height: 400px;
}

/* Apex Chart Donate */
.apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left{
  top: 72px !important;
}
/* Print button */
.first-box{
  font-size: 19px;
}

.Print-btn{
  width: 133px;
  height: 40px;
  background-color: #397DD6;
  color: white !important;
  font-weight: 500;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}

.Print-btn img{
  margin-right: 9px;
}

.current-date{
  font-size: 18px;
  display: none;
}

/* Report Tow */
.servey-progress-bar-back{
  position: relative;
  width: 429px;
  height: 19px;
  margin-top: 85px
}

.servey-progress-bar{
  width: 100%;
  height: 19px;
  background-color: #C4C4C4;
  border-radius: 6px;
  transform: matrix(1, 0, 0, -1, 0, 0);
  position: absolute;
}

.blue-servey-progress-bar{
  position: absolute;
  width: 23%;
  height: 19px;
  background-color: #397DD6;
  border-radius: 6px;
}

.report-tow-title{
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  margin-bottom: 18px;
}

.subtitle-num{
  font-size: 48px;
  line-height: 22px;
  color: #333366;
}

.report-tow-boxshadow{
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}

.sumary-title{
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  height: 61px;
  background-image: url(https://dev.client.teamhr.org/public/assets/images/blue-label.png);
  background-size: 250px 62px;
  background-repeat: no-repeat;
  overflow: overlay;
  background-position-x: -2px;
  padding-top: 9px;
  padding-left: 110px;
  margin-bottom: -18px !important;
}

.sumary-title h2{
    display: flex;
    color: #fff;
    /*width: 279px;
    height: 43px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9eff3;
    border-radius: 5px;*/
}

.report_title{
    font-size: 1.6rem;
    line-height: 2;
}

.Table-Head{
  width: 100%;
  height: 50px;
  background-color: #70CA8E ;
  border-radius: 10px;
  padding: 14px 25px;
  justify-content: space-between;
  color: white;
  font-weight: 700;
  font-size: 14px;
}

.table th, .table td {
  padding-left: 19px;
  vertical-align: middle !important;
}

.table-striped td:nth-child(2),.table-striped td:nth-child(3){
  text-align: center;
}

.table {
  width: 98%;
  margin: auto;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: white;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: white;
}

.table th, .table td {
  border-top: 0;
}

.under-table{
  background-color: #F5F7FA;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 17px 25px;
  font-weight: 700;
  font-size: 15px;
}

.score-chart{
    width: fit-content;
}

.blue-rectangle{
    width: 53px;
    height: 12px;  
}

.blue-rectangle:nth-child(1){
    background: #D7E8FF;
}

.blue-rectangle:nth-child(2){
    background: #A2C8FA;
}

.blue-rectangle:nth-child(3){
    background: #789CC9;
}

.blue-rectangle:nth-child(4){
   background: #4474AF;
}

.blue-rectangle:nth-child(5){
   background: #104C95;
}

.red-rectangle{
    width: 53px;
    height: 12px;  
}

.red-rectangle:nth-child(1){
    background: #FFCFD8;
}

.red-rectangle:nth-child(2){
    background: #FF758F;
}

.red-rectangle:nth-child(3){
    background: #D24466;
}

.red-rectangle:nth-child(4){
   background: #A4133C;
}

.red-rectangle:nth-child(5){
   background: #7A0D2C;
}

.traingle-score{
    height: 6px;
    width: 8px;
}

.text-traingle{
    display: flex;
    flex-flow: column;
    position: relative;
    left: -3px;
}

.your-score{
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #353535;
    text-align: left;
}

.your-score-in{
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #353535;
    text-align: left;
}

.market-score{
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    color: #000000;
    text-align: left;
}

.market-score-in{
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.4;
    color: #000000;
    text-align: left;
}

.core-text{
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: justify !important;
}

.core-text>div{
  width: 396,48px;
}

.under-table img{
  margin-right: 20px;
}

.big-circle{
  width: 148px;
  height: 148px;
  border: 6px solid #70CA8E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 400;
  margin: auto;
  font-size: 48px;
}

.big-circle span{
  font-size: 19px;
}

.sammary-row {
  justify-content: center;
  padding: 0 18px;
  row-gap: 31px;
  margin-bottom: 50px;
}

.sumary-suctitle{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    color: #000000;
    padding: 0 50px;
}
.{
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */

    display: flex;
    align-items: center;

    color: #000000;
}

.text-1-row{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* Comparasion */
.score{
  gap:48px;
  justify-content: center;
}

.score-bar-back{
  position: relative;
  width: 37px;
  max-height: 166px;
}

.score-bar{
  width: 12px;
  height: 166px;
  background-color: #E7F1FF;
  border-radius: 9px;
  margin: auto;
  margin-bottom: 29px;
}

.socre-bar-circle{
  width: 40px;
  height: 40px;
  height: 40px;
  left: -1px;
  position: absolute;
  background: #397DD6;
  box-shadow: 0px 4px 6px rgb(0 0 0 / 20%);
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*
.table-score{
  margin-bottom: 63px;
}*/

.blue-me{
  background-color: #397DD6 !important;
}

.red-me{
  background-color: #FB5F6D !important;
}

.orange-me{
  background-color: #F19744 ;
}

.orange-me-border{
  border-color: #F19744;
}

.anychart-credits-text{
  display: none;
}

#accordion .card-header .title {
    font-size: 17px;
    color: #000;
}
#accordion .card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
#accordion .card-header{
  cursor: pointer;
  border-bottom: none;
}
#accordion .card{
  border: 1px solid #ddd;
}
#accordion .card-body{
  border-top: 1px solid #ddd;
}
#accordion .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

.raised-topics{
  margin: auto !important;
  /*margin-left: -60rm !important;*/
}

#myChart1-license-text{
    display:none !important;
}

#myChart2-license-text{
    display:none !important;
}

#myChart3-license-text{
    display:none !important;
}

#myChart4-license-text{
    display:none !important;
}

/*queries*/
/*special cases*/
@media screen and (max-width: 1346px){
}

/*to big tablets 1024-1200*/
@media screen and (max-width: 1200px){
    .donut-chart{
        height: auto;
    }
    #chart>div:nth-child(1){
        margin: auto;
    }
}

/*small tablet to big tablets 768-1023*/
@media screen and (max-width: 1488px){
    .charts-section {
        /*height: 1304px;*/
      }
}

/*small tablet to big tablets 768-1023*/
@media screen and (max-width: 1025px){

    .charts-section {
        /*height: 1342px;*/
    }
}

/*small phones and tablet 767-481*/
@media screen and (max-width: 768px){
    .Detailed-Participants-Satisfaction{
        height: 75% !important;
    }
    .charts-section {
        /*height: 1790px;*/
      }
    .total-participants{
        flex-flow: column;
        gap: 15px;
    }
    .satisfaction-box-back{
        justify-content: center;
        padding: 0;
    }


}

/*---small phones--->*/
@media screen and (max-width: 670px){
    .charts-section {
        /*height: 1866px;*/
    }
    .left-section {
        width: 100%;
        padding: 0;
    }
    .right-section {
        width: 100%;
        padding: 0;
    }
    .main-survery-box {
        padding-left: 1%;
        padding-right: 1%;
    }
    .total-participants {
        flex-flow: column;
        gap: 20px;
    }
}

@media screen and (max-width: 451px){
    .working-years-chart span{
        display: none;
    }
    .charts-section {
      height: auto !important;
    }
    .white-box-fst {
        width: 100%;
    }
    .Title-survey {
        margin-left: 0;
    }
}

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

}
/*queries2*/


/*special cases*/
@media screen and (max-width: 1346px){

}

/*to big tablets 1024-1200*/
@media screen and (max-width: 1200px){
    .main-survery-box {
        padding-left: 8%;
        padding-right: 8%;
    }
}


/*small tablet to big tablets 768-1023*/
@media screen and (max-width: 1025px){

}

/*small phones and tablet 767-481*/
@media screen and (max-width: 768px){
    .white-box-fst {
        padding: 27px 10px;
    }
    .Table-Head {
        padding: 5px 8px;
    }
    .table th, .table td {
        padding: 13px;
        vertical-align: middle !important;
        }
    .Table-Head {
        padding: 5px 1px;
        text-align: center;
        justify-content: space-around;
    }
    .table-score>div>div:nth-child(2) {
        text-align: right;
    }
}

/*---small phones--->*/
@media screen and (max-width: 670px){

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

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

}

/*print.css*/
/* @media print {

    .print{
        display: block !important;
    }

    .dont-print{
      display: none !important;
    }

    .no-print{
        display: none !important;
    }
    
    .accordion .ul-collapse__left-icon a:before{
        display: none !important;
    }

    .info-icon{
        display: none !important;
    }

    .collapse:not(.show) {
        display: block !important;
    }

    #results-section .table th, .table td{
      padding: 3px !important;
    }

    #results-section .card-body{
      padding: 3px !important;
    }

    .logo{
        margin: auto !important;
    }

    .layout-sidebar-large .main-header {
        position: absolute !important;
    }

    header, footer, aside, nav, form, iframe, .menu, .hero, .adslot {
        display: none;
    }

    .participant-number {
        -webkit-print-color-adjust: exact;
    }

    .working-years-chart {
        -webkit-print-color-adjust: exact;
    }

    .satisfaction-box{
        -webkit-print-color-adjust: exact;
    }

    .sat-dis-row>div:nth-child(1)>div:nth-child(1) {
        -webkit-print-color-adjust: exact;
    }

    .sat-dis-row>div:nth-child(2)>div:nth-child(1) {
        -webkit-print-color-adjust: exact;
    }

    .sat-dis-row>div:nth-child(3)>div:nth-child(1) {
        -webkit-print-color-adjust: exact;
    }

    .sat-dis-row>div:nth-child(4)>div:nth-child(1) {
        -webkit-print-color-adjust: exact;
    }

    .sat-dis-row>div:nth-child(5)>div:nth-child(1) {
        -webkit-print-color-adjust: exact;
    }

    .woman-count{
        -webkit-print-color-adjust: exact;
    }

    .man-count{
        -webkit-print-color-adjust: exact;
    }

    body{
        -webkit-print-color-adjust: exact;
    }

    .layout-sidebar-large .main-header .menu-toggle {
              
        display: none;
    }

    .align-self-end{
        display: none;
    }

    .main-header>div:nth-child(3){
        display: none;
    }

    .side-content-wrap{
        display: none;
    }

    .main-survery-box{
        padding: 0 !important;
    }

    .sec-nav{
        padding: 0 !important;
    }

    .Print-btn{display: none !important;}
    .current-date{
        display: block !important;
    }

    .img-drag{
        display: none;
    }

    .Title-survey{
        display: none;
    }

    .sec-nav{
        display: none !important;
    }

    #team-survey-online-tabs{
      display: none !important;
    }

    .charts-section{
      height: 1295px !important;
    }

    


    .info-icon{
      display: none;
    }
} */

/*reprots style end*/