.x_content .pricing .title h2{
    border-bottom: none;
    padding-bottom: 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.x_content .pricing .title img{
    border-bottom: none;
    padding-bottom: 8px;
    width: 50px;
}


.pricing .title img{
  border-bottom: none;
  padding-bottom: 8px;
  width: 55px;
}

.x_title{
    font-size: 18px;
    font-weight: 800;
}

.btn-warning{
    /* color: #000; */
    background-color: #f4a50d;
    border-color: #f4a50d;;
    border: none !important;
    background-color: #f4a50d !important;
  }


  .btn-success{
    color: #ffffff !important;
    border: none !important;
    background-color: #0913a0 !important;
    font-weight: 800;
  }


  .btn-info{
    color: #ffffff;
    border: none !important;
    background-color: #00a7b3 !important;
    font-weight: 800;
  }


  .btn-danger{
    color: #ffffff;
    border: none !important;
    background-color: #f31b1b !important;
    font-weight: 800;
  }

  .activitiesheader{
    background-color: #0913a0 !important;
   
  color: #fff !important;
  font-weight: 800;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  }

  .activitiesheader th,   .activitiesheader a{   
  color: #fff !important;
  } 

  .btn-primary {
    color: #ffffff;
    /* background-color: #f4a50d  !important;
    border-color: #f4a50d; */
  }

  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #f4a50d;
    border-color: #f4a50d;
  }

  .pricing_features{
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: black !important;
  }

  .pricing_features h2{
    padding-bottom: 16px;
    padding-top: 8px;
  }

  .pricing_features {
    background: #fafafa;
    padding: 15px 15px;
    font-size: 13.5px;
    /* border-radius: 6px; */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid green;
}

.x_content .col-sm-3 {
  padding-bottom: 16px;
}
.badge{
  margin-left: 6px;
}

.displaysectioncards{
  margin-bottom: 12px;
}

.displaysectioncards  p{

  font-weight: 500;
  font-size: 14px;
  color: #ffffff !important;
  padding-bottom: 1px !important;
  border-bottom: none;
}

.displaysectioncards  h2{

  font-weight: 600;
  font-size: 16px;
  color: #000000 !important;
  padding-bottom: 6px !important;
  border-bottom: none;
}

.crud_section_2 .btn-primary{

}


.myapprovaldocuments button {
  background-color: #f4a50d !important;
  float: right;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 16px !important;
  color: #ffffff;
  border: none !important;
  border-radius: 3px !important;
  margin-bottom: 5px;
  margin-right: 1%;
}
.myapprovaldocuments button:hover {
  background-color: #f4a50d !important;
  float: right;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 16px !important;
  color: #ffffff;
  border: none !important;
  border-radius: 3px !important;
  margin-bottom: 5px;
  margin-right: 1%;
}

.inspectionsbtn{
  display: flex; align-items: center; margin-left: auto;
}

.inspectionsbtn .btn{
margin-right: 6px;
}

.displaysec{
  display: flex; align-items: center; justify-content: space-between;
}
.linkcolor{
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}

.viewinspectionsCheclistmodalslide{
  position: fixed !important;
  right: 0  !important;
  top: 0  !important;
  margin: 0  !important;
  height: 100%  !important;
  width: 54% !important;
  overflow: scroll !important;
  transform: translateX(0%)  !important;
  transition: transform 0.3s ease-out !important;
}


.observation-checkboxes {
  display: flex;
  justify-content: space-between; /* Adjust alignment as needed */
}

.observation-checkboxes .checkbox-label {
  margin-right: 20px; /* Adjust spacing between checkboxes */
}


.inspectionssection{
  border: none !important;
}

.crudsectionbg .col-md-55, .col-xs-12, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 0px !important;
}

.approvalbtns a{
  margin-right: 12px;
}

.headerstitles{
  background: #0913a0;
}

.statusinspectionlabel{
  font-weight: 600;
  color: rgb(255, 0, 0);
  font-size: 14px !important;
}

.main-holder{
  padding-left: 8px;
  padding-right: 8px;
}

.dashboardhtml{

}

.refreshCrudTablesLoad_page{
  width: 97%; 
  margin-bottom: 4px;
   margin-left: 6px; 
   margin-right: 6px; 
   border-radius: 6px; 
   height: 40px;
   border: 0px solid !important;
   text-align: left;
}

/* Basic styles for the chevron icon */
.chevron-icon {
  float: right;
  margin-left: 10px;
  transition: transform 0.3s ease; /* Smooth rotation transition */
}

.chevron-icon i {
  font-size: 12px; /* Adjust size as needed */
}

/* Rotate chevron icon down when the submenu is collapsed (default state) */
.nav.sidebar-subnav.level3-menu.collapse:not(.show) ~ a .chevron-icon i {
  transform: rotate(0deg);
}

/* Rotate chevron icon up when the submenu is expanded */
.nav.sidebar-subnav.level3-menu.collapse.show ~ a .chevron-icon i {
  transform: rotate(180deg);
}


.ui.olive.labels .label, .ui.olive.label {
  background-color: #198f35 !important;
  border-color: #198f35 !important;
  color: #FFFFFF !important;
  margin-top: 2px;
  margin-bottom: 2%;
  margin-left: 2%;
  font-size: 14px !important;
}


.actionbuttonsbtn{
  height: 38px !important;
}

.btnssasign{
  margin-top: 2%;
}
.xcrud-top-actions{
  /* padding-left: 16px !important; */
}