/********************************************/
/*Form Builder Start*/
/********************************************/
.custom-f-builder .form-wrap.form-builder .cb-wrap {
    position: sticky;
    top: 60px !important;
    width: 30%;
    background-color: #fff;
    border-radius: 4px;
    min-height: 91vh;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
  }
  .custom-f-builder .form-wrap.form-builder .stage-wrap {
    width: calc(70% - 10px);
    min-height: 91vh !important;
    max-height: 91vh !important;
    overflow: auto !important;
    background-color: var(--primary_darkSky) !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px !important;
  }
  
  .custom-f-builder .form-wrap.form-builder .frmb-control {
    display: flex;
    flex-wrap: wrap;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li {
    width: 46%;
    margin: 2% !important;
    transition: all 0.5s ease;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px,
      rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 4px;
    font-size: 13px;
    height: 52px;
    display: flex;
    align-items: center;
    padding: 10px 1px;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    background-color: #fff !important;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:first-child {
    border-radius: 4px;
    margin: 4%;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:last-child {
    border-radius: 4px;
    margin: 4%;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:nth-child(1) {
    display: none;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:nth-child(2) {
    display: none;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:nth-child(7) {
    display: none;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li:nth-child(9) {
    display: none;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li::before {
    color: #ffdb6f;
    font-size: 20px;
  }
  .custom-f-builder .form-wrap.form-builder .form-control {
    height: 38px !important;
  }
  .custom-f-builder
    .form-wrap.form-builder
    .btn-group
    > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    display: none;
  }
  .custom-f-builder .form-wrap.form-builder .form-actions {
    margin-right: 15px;
    display: none;
  }
  .custom-f-builder
    .form-wrap.form-builder
    .btn-group
    > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    width: 85px;
    height: 35px;
    border-radius: 4px;
    margin-right: 10px;
  }
  .form-wrap.form-builder .btn-group > .btn:last-child:not(:first-child) {
    width: 85px;
    height: 35px;
    border-radius: 4px;
  }
  .custom-f-builder .form-wrap.form-builder .stage-wrap.empty::after {
    font-size: 36px;
    color: var(--primary_lightorange);
    /* font-family: Roboto, sans-serif; */
    text-shadow: 1px 4px 3px grey;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li span {
    line-height: 14px;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li .control-icon {
    font-size: 20px;
  }
  .custom-f-builder .form-wrap.form-builder .frmb-control li .control-icon {
    width: 21px;
  }
  .custom-f-builder
    .form-wrap.form-builder
    .formbuilder-scoreRating
    .br-widget
    a {
    width: 25px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fafafa;
    color: #000;
  }
  .custom-f-builder
    .form-wrap.form-builder
    .formbuilder-scoreRating
    .br-widget
    a.br-selected {
    background-color: var(--primary_lightorange);
    color: #fff;
  }
  .f-builder-btnGroup {
    position: absolute;
    right: 18px;
    bottom: 9px;
    width: 28%;
    display: flex;
    justify-content: end;
  }
  .f-builder-btnGroup button {
    width: 23%;
    margin: 1%;
    float: left;
    font-size: 13px;
  }
  .f-builder-btnGroup .themeBtn {
    background-color: var(--primar_gren);
    color: #fff;
  }
  .f-builder-btnGroup .previewBtn {
    background-color: var(--primary_blue);
    color: #fff;
  }
  .f-builder-btnGroup .shareBtn {
    background-color: var(--primary_siemens);
    color: #fff;
  }
  .f-builder-btnGroup .saveBtn {
    background-color: var(--primary_lightorange);
    color: #ffffff;
  }
  .ssbg {
    min-height: 91vh;
    max-height: 91vh;
    background-color: #fff;
    padding: 6px;
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    border-radius: 4px;
  }
  .ssbgBtn {
    text-align: center;
  }
  .saveBtn1-1 {
    background-color: var(--primary_lightorange);
    border: 1px solid var(--primary_lightorange);
    color: #ffffff !important;
    width: 84%;
    height: 42vh;
    font-size: 13px;
    transition: all 0.5s ease;
    padding: 0;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .previewBtn1-1 {
    background-color: var(--primary_blue);
    border: 1px solid var(--primary_blue);
    color: #ffffff !important;
    width: 84%;
    height: 42vh;
    font-size: 13px;
    transition: all 0.5s ease;
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .saveBtn1-1:hover {
    color: #ffffff !important;
  }
  .previewBtn1-1:hover {
    color: #ffffff !important;
  }
  .setThemeText {
    padding: 5px 15px;
    background-color: var(--primary_grey) !important;
    border-radius: 4px;
    width: 100%;
    color: #fff;
  }
  /********************************************/
  /*Form Builder End*/
  /********************************************/