.mainComplaintDiv{
    margin-top: 30px;

}


.mainComplaintDiv .nav-link{
    width: 135px;
    height: 33px;
    font-size: 14px;
    color: #585858 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: Gilroy-SemiBold;
}
.comleftRadius{
    border-radius: 5px 0px 0px 5px !important;
}

.comrightRadius{
    border-radius: 0px 5px 5px 0px !important;
}
.mainComplaintDiv  .nav-item .active {
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));
    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);
    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
   color: white !important;
}

.complintcard{
    border-radius: 10px;
        border: none;
        background: #F8F8F8 !important;
        padding: 5px 20px !important;
}

.mainComplintTitleDiv{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
}
.idsDiv{
padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.complaintId{
    font-size: 14px;
    color: #000000;
    font-family: Gilroy-Regular;
}
.cOrderid{
    margin-left: 10px;
    font-size: 14px;
    color: #000000;
    font-family: Gilroy-Regular;
}
.idsDiv span{
    color: #8C8C8C;
}
.otherComDiv{
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: inherit;
}
.comintdate{

    font-size: 15px;
color: #848484;
padding-top: 10px;
font-family: Gilroy-Regular;
}
.comstatusSpan{
    height: 25px;
width: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
border-radius: 15px;
font-size: 14px;
color: #FFFFFF;
background: #FF5656;
margin: 0px 10px;
font-family: Gilroy-SemiBold;
}

.comDeleteBtn{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #FF3A00 !important;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(255, 58, 0, 0.12);
}

.complaintTitle{
    font-size: 16px;
color: #000000;

margin-top: 10px;
font-family: Gilroy-SemiBold;
}

.titleBorder{
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00)) !important;
    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%) !important;
    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%) !important;
border-radius: 4px;
margin-right: 10px;
padding: 3px 3px;




}
.complaintdes{
    
font-family: Gilroy-Regular;
font-size: 14px;
line-height: 17px;
margin-top: 15px;

color: #959595;
}

.closeCard{
    border-radius: 8px;
    border: none;
    background: white !important;
    padding: 5px 10px !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.changeStatusSpan{
    background: #2F9400;font-size:12px;
}
/* ****************************************complaintDeleteModal   ********************************* */


.com2DeModal{
    max-width: 350px;
height: 437px;
overflow: hidden;
}

.complaintDeleteModal{
    padding-right: 17px !important;
    padding-left: 17px !important;

}
.complaintDeleteModal::-webkit-scrollbar
{
  

    display: none;
}

.complaintDeleteModal .modal-content{
    border-radius: 20px !important;
    padding: 40px 20px 20px 20px;
  text-align: center;
  height: 400px;
}


.com2ModalTitle{
    font-size: 24px;
    font-weight: bold; 
      color: #161616;
      font-family: Gilroy-Bold;
}
.com2AppName{
    background: -webkit-linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px !important;
    margin: 20px 0px; 
    
}

.com2dis{
    font-size: 20px;
line-height: 19px;
text-align: center;
margin: 10px 5px; 
color: #959595;
font-family: Gilroy-Regular;
}

.com2DeleteBtn{
    margin-top: 30px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));
    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);
    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
    color: #FFFFFF !important;
    font-family: Gilroy-SemiBold;
}


.com2Btn{
    
    border-radius: 5px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    
    margin: 10px 0px;
    }

.com2CancelBtn{
    background: #F4F4F4 !important;
   
    font-family: Gilroy-SemiBold;
    color: #535353!important;
}






@media only screen and (max-width: 1050px) {
    .idsDiv{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cOrderid{  margin-left: 0px;}
    .comstatusSpan{
        display: none;
    }
    .comintdate{
        padding-top: 5px;
        
      
    }
    .otherComDiv{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
}


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

    .mainComplaintDiv{
        margin-right: 7px !important;
    }
    .comintdate{
        font-size: 14px;
    }
    .complintcard{
            padding: 5px 10px !important;
    }
   
}