{"version":3,"sources":["../../../../../cbxdesign/chota/_variables.scss","cbxuseronline-setting.css","../../../../../cbxdesign/chota/setting_fields/_file.scss","../../../../../cbxdesign/chota/setting_fields/_setting_form.scss","../../../../../cbxdesign/chota/magic_check/_magic_extras.scss"],"names":[],"mappings":"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","file":"cbxuseronline-setting.css","sourcesContent":["$app_bg_color: #ffffff;\r\n$app_bg_secondary_color: #f3f3f6;\r\n$app_lightgrey_color: #d2d6dd;\r\n$app_grey_color: #747681;\r\n$app_darkgrey_color: #3f4144;\r\n$app_error_color: #d43939;\r\n$app_success_color: #339D5D;\r\n\r\n.cbx-chota {\r\n  --bg-color: #{$app_bg_color};\r\n  --bg-secondary-color:#{$app_bg_secondary_color};\r\n  //--color-primary: #5D5DFF;\r\n  //--color-primary: $app_primary_color;\r\n  --color-lightGrey: #{$app_lightgrey_color};\r\n  --color-grey: #{$app_grey_color};\r\n  --color-darkGrey: #{$app_darkgrey_color};\r\n  --color-error: #{$app_error_color};\r\n  //--color-success: #28bd14;\r\n  --color-success: #{$app_success_color};\r\n\r\n  --color-white : #ffffff;\r\n\r\n  --grid-maxWidth: 120rem;\r\n  --grid-gutter: 2rem;\r\n  //--font-size: 1.6rem;\r\n  --font-size: 0.875rem; //14px\r\n  --font-color: #333333;\r\n  --font-family-sans: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\r\n  \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\r\n  \"Droid Sans\", \"Helvetica Neue\", sans-serif;\r\n  --font-family-mono: monaco, \"Consolas\", \"Lucida Console\", monospace;\r\n\r\n\r\n  box-sizing: border-box;\r\n  //font-size: 62.5%;\r\n  font-size: var(--font-size);\r\n  line-height: 1.15;\r\n  -ms-text-size-adjust: 100%;\r\n  -webkit-text-size-adjust: 100%;\r\n\r\n  color: var(--font-color);\r\n  font-family: var(--font-family-sans);\r\n\r\n  p{\r\n    font-size: var(--font-size);\r\n    line-height: 1.15;\r\n  }\r\n}",".cbx-chota {\n  --bg-color: #ffffff;\n  --bg-secondary-color:#f3f3f6;\n  --color-lightGrey: #d2d6dd;\n  --color-grey: #747681;\n  --color-darkGrey: #3f4144;\n  --color-error: #d43939;\n  --color-success: #339D5D;\n  --color-white: #ffffff;\n  --grid-maxWidth: 120rem;\n  --grid-gutter: 2rem;\n  --font-size: 0.875rem;\n  --font-color: #333333;\n  --font-family-sans: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n  \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n  \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --font-family-mono: monaco, \"Consolas\", \"Lucida Console\", monospace;\n  box-sizing: border-box;\n  font-size: var(--font-size);\n  line-height: 1.15;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  color: var(--font-color);\n  font-family: var(--font-family-sans);\n}\n.cbx-chota p {\n  font-size: var(--font-size);\n  line-height: 1.15;\n}\n\n.cbx-chota .wpsa-browse-wrap, .cbx-chota .permalink-wrap {\n  display: flex;\n  flex-wrap: wrap;\n}\n.cbx-chota .wpsa-browse-wrap .wpsa-url, .cbx-chota .wpsa-browse-wrap .permalink-slug, .cbx-chota .permalink-wrap .wpsa-url, .cbx-chota .permalink-wrap .permalink-slug {\n  flex: 1;\n  border-radius: 4px 0 0 4px !important;\n  border-right: 0 none !important;\n  box-shadow: none !important;\n  margin-right: 0 !important;\n}\n.cbx-chota .wpsa-browse-wrap .wpsa-url:focus, .cbx-chota .wpsa-browse-wrap .permalink-slug:focus, .cbx-chota .permalink-wrap .wpsa-url:focus, .cbx-chota .permalink-wrap .permalink-slug:focus {\n  border-color: var(--color-primary) !important;\n}\n.cbx-chota .wpsa-browse-wrap .wpsa-browse, .cbx-chota .wpsa-browse-wrap .clear-permalink, .cbx-chota .permalink-wrap .wpsa-browse, .cbx-chota .permalink-wrap .clear-permalink {\n  margin-left: 0 !important;\n  border-radius: 0 4px 4px 0 !important;\n}\n\n.cbx-page-wrapper {\n  margin-top: 50px;\n}\n.cbx-page-wrapper .container, .cbx-page-wrapper #poststuff {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.global_setting_heading_section h3.setting_heading {\n  cursor: pointer;\n  color: var(--color-primary);\n  font-size: 18px !important;\n  font-weight: normal !important;\n  line-height: 1.5 !important;\n  background-color: rgba(93, 93, 255, 0.13);\n  padding: 5px 8px !important;\n  margin-bottom: 8px !important;\n  border-radius: 5px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n}\n.global_setting_heading_section h3 a.setting_heading_toggle {\n  background-repeat: no-repeat;\n  background-size: contain;\n  text-align: center;\n}\n.global_setting_heading_section h3 a.setting_heading_toggle .setting_heading_toggle_plus {\n  display: none;\n}\n.global_setting_heading_section h3 a.setting_heading_toggle .setting_heading_toggle_minus {\n  display: block;\n}\n.global_setting_heading_section h4.setting_subheading {\n  color: var(--color-primary);\n  font-size: 22px;\n  font-weight: 700;\n  background-color: rgba(0, 90, 224, 0.06);\n  padding: 15px 20px;\n  border-radius: 5px;\n}\n.global_setting_heading_section .description {\n  padding-left: 20px;\n}\n\n.global_setting_heading_section_closed h3.setting_heading {\n  margin: 0 !important;\n}\n.global_setting_heading_section_closed h3.setting_heading a.setting_heading_toggle {\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n.global_setting_heading_section_closed h3.setting_heading a.setting_heading_toggle .setting_heading_toggle_plus {\n  display: block;\n}\n.global_setting_heading_section_closed h3.setting_heading a.setting_heading_toggle .setting_heading_toggle_minus {\n  display: none;\n}\n.global_setting_heading_section_closed .description {\n  display: none;\n}\n\n#global_setting_group_actions {\n  display: none;\n  margin-bottom: 0;\n}\n@media screen and (max-width: 782px) {\n  #global_setting_group_actions {\n    margin-top: 10px;\n    text-align: center;\n  }\n  #global_setting_group_actions .pull-right {\n    float: none !important;\n  }\n}\n\n.magic_radio_fields .magic-radio-field {\n  margin-bottom: 10px;\n  display: flex;\n}\n.magic_radio_fields.radio_fields_inline {\n  display: flex;\n  flex-wrap: wrap;\n}\n.magic_radio_fields.radio_fields_inline .magic-radio-field {\n  display: inline-flex;\n  margin-right: 10px;\n}\n.magic_radio_fields.radio_fields_inline .magic-radio-field:last-child {\n  margin-right: 0;\n}\n\n.checkbox_field.magic_checkbox_field {\n  margin-bottom: 10px;\n}\n\n.checkbox_fields_check_actions {\n  margin-bottom: 20px !important;\n}\n\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field_placeholder {\n  outline: 1px dashed #000;\n  height: 30px;\n}\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field {\n  padding-left: 40px;\n}\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field .checkbox_field_handle {\n  width: 20px;\n  height: 20px;\n  margin-right: 20px;\n  margin-left: -30px;\n  cursor: move;\n  background-image: url(\"../icons/icon_move.svg\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  display: inline-block;\n  float: left;\n}\n.magic_checkbox_fields.checkbox_fields_inline .checkbox_field {\n  display: inline-block;\n  margin-right: 10px;\n}\n.magic_checkbox_fields.checkbox_fields_inline .checkbox_field:last-child {\n  margin-right: 0;\n}\n\n.xyz-filter-wrap {\n  display: flex;\n}\n.xyz-filter-wrap .xyz-filter-selected-wrap {\n  display: flex;\n}\n.xyz-filter-wrap .xyz-filter-selected-wrap .xyz-filter-selected {\n  border-right: 0 !important;\n  border-radius: 4px 0 0 4px !important;\n}\n.xyz-filter-wrap .xyz-filter-selected-wrap .xyz-filter-selected-remove {\n  border-radius: 0 4px 4px 0 !important;\n  margin-left: 0 !important;\n  cursor: pointer;\n}\n\n.setting_pages_actions_wrapper {\n  display: flex;\n  flex-wrap: wrap;\n}\n.setting_pages_actions_wrapper .selecttwo-select-wrapper {\n  width: 100%;\n  max-width: 500px;\n}\n.setting_pages_actions_wrapper .setting_pages_actions {\n  padding-left: 10px;\n  flex: 2;\n}\n\n.description_note_on {\n  color: var(--color-success);\n}\n\n.description_note_off {\n  color: var(--color-error);\n}\n\n.cbx-chota .setting-form-wrap {\n  display: flex;\n}\n@media screen and (max-width: 782px) {\n  .cbx-chota .setting-form-wrap {\n    display: block;\n  }\n}\n.cbx-chota .setting-form-wrap .setting-tabs-nav {\n  display: block;\n  width: 250px;\n  margin-right: 10px;\n  border-right: 1px solid var(--color-lightGrey);\n}\n.cbx-chota .setting-form-wrap .setting-tabs-nav a {\n  display: block;\n  text-align: left;\n  border-radius: 0;\n  padding: 8px 15px;\n  border-bottom: 0 none;\n  margin-bottom: 5px;\n  border-left: 2px solid #fff;\n}\n.cbx-chota .setting-form-wrap .setting-tabs-nav a.active {\n  margin-bottom: 0;\n  background-color: rgba(93, 93, 255, 0.13);\n  color: var(--color-primary);\n  border-bottom: 0 none;\n  border-left: 2px solid var(--color-primary);\n}\n.cbx-chota .setting-form-wrap .setting-tabs-nav a:hover {\n  background-color: transparent;\n  color: var(--color-primary);\n  border-bottom: 0 none;\n  border-left: 2px solid var(--color-grey);\n}\n.cbx-chota .setting-form-wrap #setting-tabs-contents {\n  flex: 2;\n}\n.cbx-chota .setting-form-wrap .setting-select-wrapper {\n  width: 100% !important;\n  display: none;\n}\n.cbx-chota .setting-form-wrap .setting-select-wrapper select {\n  width: 100% !important;\n}\n.cbx-chota .setting-form-wrap .setting-select-wrapper .select2-container--cbx {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n@media screen and (max-width: 782px) {\n  .cbx-chota .setting-form-wrap .setting-tabs {\n    display: none !important;\n  }\n  .cbx-chota .setting-form-wrap .setting-select-wrapper {\n    display: block !important;\n  }\n  .cbx-chota .setting-form-wrap .setting-select-wrapper .select2-container--cbx {\n    margin-top: 20px;\n  }\n}\n.cbx-chota .cbx-export-import-wrapper {\n  display: none;\n}\n.cbx-chota .cbx-export-import-wrapper .cbx-export-import-inner {\n  background: #fff;\n  padding: 20px;\n  margin-bottom: 20px;\n  border-radius: 7px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.cbx-chota .cbx-export-import-wrapper .cbx-export-import-inner h2 {\n  font-size: 18px !important;\n  margin: 0;\n}\n\n.global_setting_submit_buttons_wrap {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 20px 0 0 0 !important;\n}\n.global_setting_submit_buttons_wrap .pull-right {\n  margin-left: auto !important;\n}\n.global_setting_submit_buttons_wrap .pull-left {\n  margin-right: auto !important;\n}\n.global_setting_submit_buttons_wrap p.submit {\n  margin-left: auto !important;\n  padding: 0 !important;\n  margin-bottom: 0 !important;\n}\n.global_setting_submit_buttons_wrap details summary {\n  cursor: pointer;\n  margin-left: 5px;\n  border: 1px solid var(--color-primary);\n  border-radius: 50%;\n  /*&:before{\n    height: 28px;\n    width: 28px;\n    font-size: 28px;\n    line-height: 1;\n  }*/\n}\n\n.cbxchota-setting-common .postbox {\n  border-radius: 8px;\n  box-shadow: 0 10px 22px 0 rgba(0, 4, 32, 0.05) !important;\n  border: 0 none;\n}\n\n.magic_radio_fields .magic-radio-field {\n  margin-bottom: 10px;\n}\n.magic_radio_fields.radio_fields_inline {\n  display: flex;\n  flex-wrap: wrap;\n}\n.magic_radio_fields.radio_fields_inline .magic-radio-field {\n  display: inline-flex;\n  margin-right: 10px;\n}\n.magic_radio_fields.radio_fields_inline .magic-radio-field:last-child {\n  margin-right: 0;\n}\n\n.checkbox_field {\n  position: relative;\n}\n.checkbox_field .magic-checkbox {\n  top: 5px;\n}\n.checkbox_field.magic_checkbox_field {\n  margin-bottom: 10px;\n}\n\n.checkbox_fields_check_actions {\n  margin-bottom: 20px !important;\n}\n\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field_placeholder {\n  outline: 1px dashed #000;\n  height: 30px;\n}\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field {\n  padding-left: 40px;\n}\n.magic_checkbox_fields.checkbox_fields_sortable .checkbox_field .checkbox_field_handle {\n  width: 20px;\n  height: 20px;\n  margin-right: 20px;\n  margin-left: -30px;\n  cursor: move;\n  background-image: url(\"../icons/icon_move.svg\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  display: inline-block;\n  float: left;\n}","//file field start\r\n.cbx-chota{\r\n  .wpsa-browse-wrap, .permalink-wrap {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    .wpsa-url, .permalink-slug {\r\n      flex: 1;\r\n      border-radius: 4px 0 0 4px !important;\r\n      border-right: 0 none !important;\r\n      box-shadow: none !important;\r\n      margin-right: 0 !important;\r\n      //border-color: var(--color-primary) !important;\r\n\r\n      &:focus {\r\n        border-color: var(--color-primary) !important;\r\n      }\r\n    }\r\n\r\n    .wpsa-browse, .clear-permalink {\r\n      margin-left: 0 !important;\r\n      border-radius: 0 4px 4px 0 !important;\r\n    }\r\n  }\r\n}\r\n",".cbx-page-wrapper{\r\n  margin-top: 50px;\r\n\r\n  .container, #poststuff {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n}\r\n\r\n.global_setting_heading_section {\r\n  h3 {\r\n    &.setting_heading {\r\n      cursor: pointer;\r\n      color: var(--color-primary);\r\n      font-size: 18px !important;\r\n      font-weight: normal  !important;\r\n      line-height: 1.5 !important;\r\n      background-color: rgba(93,93,255,.13);\r\n      padding: 5px 8px !important;\r\n      margin-bottom: 8px !important;\r\n      border-radius: 5px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 15px;\r\n    }\r\n\r\n    a {\r\n      &.setting_heading_toggle {\r\n        background-repeat: no-repeat;\r\n        background-size: contain;\r\n        //width: 30px;\r\n        text-align: center;\r\n        .setting_heading_toggle_plus{\r\n          display: none;\r\n        }\r\n\r\n        .setting_heading_toggle_minus{\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  h4 {\r\n    &.setting_subheading {\r\n      color: var(--color-primary);\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      background-color: rgba(0, 90, 224, .06);\r\n      padding: 15px 20px;\r\n      border-radius: 5px;\r\n    }\r\n  }\r\n\r\n  .description {\r\n    padding-left: 20px;\r\n  }\r\n}\r\n\r\n.global_setting_heading_section_closed {\r\n  h3 {\r\n    &.setting_heading {\r\n      margin: 0 !important;\r\n\r\n      a {\r\n        &.setting_heading_toggle {\r\n          background-repeat: no-repeat;\r\n          background-size: contain;\r\n\r\n          .setting_heading_toggle_plus{\r\n            display: block;\r\n          }\r\n\r\n          .setting_heading_toggle_minus{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  .description {\r\n    display: none;\r\n  }\r\n}\r\n\r\n#global_setting_group_actions {\r\n  display: none;\r\n  margin-bottom: 0;\r\n\r\n  @media screen and (max-width: 782px) {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n    .pull-right {\r\n      float: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n.magic_radio_fields {\r\n  .magic-radio-field{\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n  }\r\n  &.radio_fields_inline{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .magic-radio-field{\r\n      //display: inline-block;\r\n      display: inline-flex;\r\n      margin-right: 10px;\r\n\r\n      &:last-child{\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.checkbox_field{\r\n  &.magic_checkbox_field{\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n\r\n\r\n\r\n.checkbox_fields_check_actions{\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n.magic_checkbox_fields{\r\n  &.checkbox_fields_sortable{\r\n    .checkbox_field_placeholder {\r\n      outline: 1px dashed #000;\r\n      height: 30px;\r\n    }\r\n    .checkbox_field{\r\n      padding-left: 40px;\r\n      .checkbox_field_handle{\r\n        width: 20px;\r\n        height: 20px;\r\n        margin-right: 20px;\r\n        margin-left: -30px;\r\n        cursor: move;\r\n        background-image: url(\"../icons/icon_move.svg\");\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        display: inline-block;\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n  &.checkbox_fields_inline{\r\n    .checkbox_field{\r\n      display: inline-block;\r\n      margin-right: 10px;\r\n      &:last-child{\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.xyz-filter-wrap {\r\n  display: flex;\r\n\r\n  .xyz-filter-selected-wrap {\r\n    display: flex;\r\n\r\n    .xyz-filter-selected {\r\n      border-right: 0 !important;\r\n      border-radius: 4px 0 0 4px !important;\r\n\r\n    }\r\n\r\n    .xyz-filter-selected-remove {\r\n      border-radius: 0 4px 4px 0 !important;\r\n      margin-left: 0 !important;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.setting_pages_actions_wrapper{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  .selecttwo-select-wrapper{\r\n    width: 100%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .setting_pages_actions{\r\n    padding-left: 10px;\r\n    flex: 2;\r\n  }\r\n}\r\n\r\n.description_note_on{\r\n  color : var(--color-success);\r\n}\r\n.description_note_off{\r\n  color : var(--color-error);\r\n}\r\n\r\n.cbx-chota{\r\n  .setting-form-wrap {\r\n    display: flex;\r\n\r\n    @media screen and (max-width: 782px) {\r\n      display: block;\r\n    }\r\n\r\n    .setting-tabs-nav{\r\n      //margin-top: 20px;\r\n      display: block;\r\n      width: 250px;\r\n      margin-right: 10px;\r\n\r\n      border-right: 1px solid var(--color-lightGrey);\r\n\r\n      a{\r\n        display: block;\r\n        text-align: left;\r\n        border-radius: 0;\r\n        padding: 8px 15px;\r\n        border-bottom: 0 none;\r\n        margin-bottom:5px;\r\n        border-left: 2px solid #fff;\r\n\r\n        &.active{\r\n          margin-bottom: 0;\r\n          background-color: rgba(93,93,255,.13);\r\n          color: var(--color-primary);\r\n          border-bottom: 0 none;\r\n          border-left: 2px solid var(--color-primary);\r\n        }\r\n        &:hover{\r\n          background-color: transparent;\r\n          color: var(--color-primary);\r\n          border-bottom: 0 none;\r\n          border-left: 2px solid var(--color-grey);\r\n        }\r\n      }\r\n\r\n    }\r\n\r\n    #setting-tabs-contents{\r\n      flex: 2;\r\n    }\r\n\r\n    .setting-select-wrapper {\r\n      width: 100% !important;\r\n      display: none;\r\n\r\n      select {\r\n        width: 100% !important;\r\n      }\r\n\r\n      .select2-container--cbx {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 782px) {\r\n      .setting-tabs {\r\n        display: none !important;\r\n      }\r\n      .setting-select-wrapper {\r\n\r\n        display: block !important;\r\n        .select2-container--cbx{\r\n          margin-top: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .cbx-export-import-wrapper {\r\n    display: none;\r\n\r\n    .cbx-export-import-inner {\r\n      background: #fff;\r\n      padding: 20px;\r\n      margin-bottom: 20px;\r\n      border-radius: 7px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n\r\n      h2 {\r\n        font-size: 18px !important;\r\n        margin: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.global_setting_submit_buttons_wrap{\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin: 20px 0 0 0 !important;\r\n\r\n  .pull-right{\r\n    margin-left: auto !important;\r\n  }\r\n\r\n  .pull-left{\r\n    margin-right: auto !important;\r\n  }\r\n\r\n  p.submit{\r\n    margin-left: auto !important;\r\n    padding: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    //margin: 0 10px 0 0 !important;\r\n  }\r\n\r\n  details{\r\n    summary{\r\n      cursor: pointer;\r\n      margin-left: 5px;\r\n      border: 1px solid var(--color-primary);\r\n      border-radius: 50%;\r\n      //height: 28px;\r\n      //width: 28px;\r\n      /*&:before{\r\n        height: 28px;\r\n        width: 28px;\r\n        font-size: 28px;\r\n        line-height: 1;\r\n      }*/\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.cbxchota-setting-common{\r\n  .postbox{\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 22px 0 rgba(0, 4, 32, .05) !important;\r\n    border: 0 none;\r\n  }\r\n}\r\n\r\n\r\n",".magic_radio_fields {\r\n  .magic-radio-field{\r\n    margin-bottom: 10px;\r\n  }\r\n  &.radio_fields_inline{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .magic-radio-field{\r\n      //display: inline-block;\r\n      display: inline-flex;\r\n      margin-right: 10px;\r\n      &:last-child{\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.checkbox_field{\r\n  position: relative;\r\n  .magic-checkbox{\r\n    top: 5px;\r\n  }\r\n  &.magic_checkbox_field{\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n.checkbox_fields_check_actions{\r\n  margin-bottom: 20px !important;\r\n}\r\n.magic_checkbox_fields{\r\n  &.checkbox_fields_sortable{\r\n    .checkbox_field_placeholder {\r\n      outline: 1px dashed #000;\r\n      height: 30px;\r\n    }\r\n    .checkbox_field{\r\n      padding-left: 40px;\r\n      .checkbox_field_handle{\r\n        width: 20px;\r\n        height: 20px;\r\n        margin-right: 20px;\r\n        margin-left: -30px;\r\n        cursor: move;\r\n        background-image: url(\"../icons/icon_move.svg\");\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        display: inline-block;\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}"]}