.main-heading{
  font-size:24px;
  font-weight: 500;
  color:#222222;
  text-transform: capitalize;
  font-family: "Rubik", sans-serif;
}
@media only screen and (max-width: 768px) {
  .main-heading {
   font-size:17px!important;
  }
}
.normal-heading{
  font-size: 15px !important;
  font-weight:500;
  color: #333;
  font-family: "Rubik", sans-serif;
  padding-top: 0px;
}
@media only screen and (max-width: 768px) {
  .normal-heading {
   font-size:12px!important;
  }
}
.normal-heading:hover{
  color:#e20a0a;
}

.vendortop{
    background: #a29d9d;
    padding: 20px;
    color:#fff;
    border-radius: 5px;
    margin-bottom: 25px;
    }
.vendorauditbox{
        background-color: #e1e1e14f;
        margin-bottom:40px;
        border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .vendorauditbox{
    margin-bottom:5px;
  }
}
.panel-title > a.collapsed:after {
float: right !important;
content: "\f068";
font-weight: 500;
}
.panel-title > a:before {
float: right !important;
font-family: FontAwesome;
content: "\f067";
padding-right: 5px;
font-weight: 500;
}
.panel-title {
font-size: 14px !important;
}
h4 {
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
}
.modal-shadow {
box-shadow: 0 0px 5px rgb(177 177 177 / 50%);
}
/* label {
    font-weight: 500 !important;
    margin-bottom: 5px!important;
}  */
.input-field {
  font-family: "Rubik", sans-serif;
  width: 100%;
  border: 1px solid #ccc!important;
  border-radius: 5px!important;
  height:34px !important;
  border-radius: 5px;
  padding: 5px 15px 5px 15px;
  font-size: 15px;
  font-weight:100!important;
}
.input-field:focus{
  border: 1px solid crimson!important;
  box-shadow:10px!important;
}
@media only screen and (max-width: 768px) {
  .input-field{
    height:25px !important;
  }
}
@media (max-width: 991px) {
form select,
  .input-field{
    padding: 10px 15px;

  }
}
.vendorbtn {
  border: 0px;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  padding: 5px 13px;
  background-color: #e20a0a;
  border-color: #e20a0a;
  margin-top: 20px;
}
.vendorbtn:hover{
  background-color: #000000!important;
  border-color:#000000;
}
.vendorauditbox1{
  background-color: #e1e1e14f;
  margin-bottom:40px;
  border-radius: 5px;
  border:1px solid #e1e1e14f ;
  height: 40px;
  margin-top: -35px;
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
}
.section-padding1 {
  margin: -20px 0;
}
.btn-manage{
  margin-top: -30px;
}
@media only screen and (max-width: 768px) {
  .btn-manage{
   font-size:10px!important;
   margin-bottom: 15px!important;
  }
}
.space1{
   
  WIDTH: 100%;
  BORDER-RADIUS: 5PX;
  height: 75px;
  /* border: 1px solid black; */
  border: 1px solid #ccc;
  font-weight: 100!important;
  
}
.space1:focus{
  border: 1px solid #ccc!important;
}
/* th,td{
  width: !important;
  text-align: center;
} */
td,th{
  border:1px solid rgb(214, 214, 207)!important;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px!important;
  font-weight: 500;
}
table{
  border:1px solid rgb(214, 214, 207)!important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 14px!important;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .table,td,th{
    width: 100%;
    font-size: 12px!important;
    overflow-x: scroll!important;
  }
}

.spacing{
  margin-top: 15px;
}
.spacing-bottom1{
 margin-bottom: -15px;
}
.callapse-manage{
  background-color: white;
  /* margin-top:-10px; */
  padding: 10px 15px 50px 15px;
  margin-top:-30px;
  width: 100%;
}
.callapse-manage{
  background-color: white;
  /* margin-top:-10px; */
  padding: 10px 15px 50px 15px;
  margin-top:-30px;
  width: 100%;
}
.iso{
  font-size:14px!important;
}
@media only screen and (max-width: 768px) {
  .iso{
   font-size:12px!important;
  }
}
.label-q{
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-bottom: 5px!important;
}
@media only screen and (max-width: 768px) {
  .label-q{
   font-size:12px!important;
   font-weight:400;
  }
}
.content-manage{
  margin-bottom: 20px;
}