@import url('../../../../gbhost/public/gbstyle/gbcommonstyle.scss');

.custom-btn {
  background-color: var(--action-primary-default);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}

// @media (max-width: 1024px) and (min-width: 600px) {

//   ::ng-deep .FormOverView {
//     padding: 12px;
//   }

//   ::ng-deep .FormOverView>div:first-child {
//     flex-wrap: wrap !important;
//     gap: 8px;
//     align-items: center;
//   }

//   .automanual {
//     padding: 0 !important;
//     display: flex;
//     align-items: center;
//   }

//   ::ng-deep .FormOverView>div[style*="display: flex"]:not(:first-child) {
//     display: grid !important;
//     grid-template-columns: 1fr 1fr;
//     gap: 16px;
//     align-items: start;
//   }

//   ::ng-deep .FormOverView>div[style*="display: flex"]:not(:first-child)>div {
//     margin-right: 0 !important;
//     margin-left: 0 !important;
//     min-width: unset !important;
//     width: 100% !important;
//   }

//   ::ng-deep gb-newpicklist,
//   ::ng-deep gb-input,
//   ::ng-deep gb-date,
//   ::ng-deep gb-checkbox,
//   ::ng-deep gb-radiobutton,
//   ::ng-deep gb-textarea {
//     width: 100%;
//     display: block;
//   }

//   ::ng-deep gb-formgrid {
//     width: 100%;
//     display: block;
//     overflow-x: auto;
//   }

//   ::ng-deep gb-radiobutton {
//     display: block !important;
//     width: 100% !important;
//     min-height: unset !important;
//     height: auto !important;
//     max-height: none !important;
//     overflow: visible !important;
//     contain: none !important;
//   }

//   ::ng-deep gb-formaction {
//     display: flex;
//     flex-wrap: wrap;
//     width: 100%;
//   }
// }

// @media (max-width: 599px) {

//   ::ng-deep .FormOverView {
//     padding: 8px;
//     overflow-x: hidden !important;
//     overflow-y: auto !important;
//     -webkit-overflow-scrolling: touch;
//   }

//   ::ng-deep .FormOverView [style*="display: flex"] {
//     display: flex !important;
//     flex-direction: column !important;
//     gap: 0;
//   }

//   ::ng-deep .FormOverView [style*="margin-right"],
//   ::ng-deep .FormOverView [style*="margin-left"],
//   ::ng-deep .FormOverView [style*="min-width"] {
//     margin-right: 0 !important;
//     margin-left: 0 !important;
//     min-width: unset !important;
//     width: 100% !important;
//   }

//   ::ng-deep .FormOverView>div:first-child {
//     flex-direction: row !important;
//     flex-wrap: wrap;
//     align-items: center;
//     gap: 8px;
//   }

//   ::ng-deep .FormOverView>div:first-child>div>div[style*="display: flex"] {
//     flex-direction: row !important;
//     flex-wrap: wrap;
//     align-items: center;
//     gap: 8px;
//   }

//   .automanual {
//     padding: 0 !important;
//     display: flex;
//     align-items: center;
//   }

//   ::ng-deep gb-newpicklist,
//   ::ng-deep gb-input,
//   ::ng-deep gb-date,
//   ::ng-deep gb-checkbox,
//   ::ng-deep gb-radiobutton,
//   ::ng-deep gb-textarea {
//     width: 100% !important;
//     display: block !important;
//   }

//   ::ng-deep gb-formgrid {
//     width: 100% !important;
//     display: block !important;
//     overflow-x: auto;
//   }

//   ::ng-deep gb-formaction {
//     display: flex !important;
//     flex-wrap: wrap;
//     width: 100%;
//   }

//   ::ng-deep gb-radiobutton {
//     display: block !important;
//     width: 100% !important;
//     min-height: unset !important;
//     height: auto !important;
//     max-height: none !important;
//     overflow: visible !important;
//     contain: none !important;
//     box-sizing: border-box !important;
//     position: relative !important;
//   }

//   ::ng-deep .FormOverView gb-radiobutton>div,
//   ::ng-deep .FormOverView gb-radiobutton>span,
//   ::ng-deep .FormOverView gb-radiobutton>section,
//   ::ng-deep .FormOverView gb-radiobutton>fieldset,
//   ::ng-deep .FormOverView gb-radiobutton>form {
//     display: flex !important;
//     flex-direction: column !important;
//     flex-wrap: nowrap !important;
//     gap: 8px !important;
//     width: 100% !important;
//     height: auto !important;
//     min-height: unset !important;
//     max-height: none !important;
//     overflow: visible !important;
//     box-sizing: border-box !important;
//   }

//   ::ng-deep .FormOverView gb-radiobutton .Radio_Form_Field,
//   ::ng-deep .FormOverView gb-radiobutton mat-form-field,
//   ::ng-deep .FormOverView gb-radiobutton .mat-mdc-form-field {
//     height: auto !important;
//     min-height: 56px !important;
//     overflow: visible !important;
//   }

//   ::ng-deep .FormOverView gb-radiobutton .mat-radio-group,
//   ::ng-deep .FormOverView gb-radiobutton [role="radiogroup"],
//   ::ng-deep .FormOverView gb-radiobutton .radio-group,
//   ::ng-deep .FormOverView gb-radiobutton .options-container,
//   ::ng-deep .FormOverView gb-radiobutton .radio-container,
//   ::ng-deep .FormOverView gb-radiobutton .radio-wrapper,
//   ::ng-deep .FormOverView gb-radiobutton .gb-radio-group {
//     display: flex !important;
//     flex-direction: column !important;
//     flex-wrap: nowrap !important;
//     gap: 8px !important;
//     width: 100% !important;
//     height: auto !important;
//     min-height: unset !important;
//     max-height: none !important;
//     overflow: visible !important;
//     box-sizing: border-box !important;
//   }

//   ::ng-deep .FormOverView gb-radiobutton .mat-radio-button,
//   ::ng-deep .FormOverView gb-radiobutton mat-radio-button,
//   ::ng-deep .FormOverView gb-radiobutton .mat-mdc-radio-button,
//   ::ng-deep .FormOverView gb-radiobutton label,
//   ::ng-deep .FormOverView gb-radiobutton .radio-option,
//   ::ng-deep .FormOverView gb-radiobutton .gb-radio-option,
//   ::ng-deep .FormOverView gb-radiobutton .option-item {
//     flex: 0 0 100% !important;
//     width: 100% !important;
//     max-width: 100% !important;
//     min-width: 100% !important;
//     height: auto !important;
//     min-height: 40px !important;
//     max-height: none !important;
//     overflow: visible !important;
//     display: flex !important;
//     align-items: center !important;
//     box-sizing: border-box !important;
//     white-space: normal !important;
//   }

//   ::ng-deep gb-date {
//     width: 100% !important;
//     display: block !important;
//     box-sizing: border-box !important;
//   }

//   ::ng-deep gb-date .mat-mdc-form-field,
//   ::ng-deep gb-date mat-form-field,
//   ::ng-deep gb-date>*,
//   ::ng-deep gb-date input {
//     width: 100% !important;
//     max-width: 100% !important;
//     box-sizing: border-box !important;
//   }

//   ::ng-deep gb-input .mat-mdc-form-field,
//   ::ng-deep gb-input mat-form-field,
//   ::ng-deep gb-input>*,
//   ::ng-deep gb-input input {
//     width: 100% !important;
//     max-width: 100% !important;
//     box-sizing: border-box !important;
//   }

//   ::ng-deep gb-newpicklist .mat-mdc-form-field,
//   ::ng-deep gb-newpicklist mat-form-field,
//   ::ng-deep gb-newpicklist>* {
//     width: 100% !important;
//     max-width: 100% !important;
//     box-sizing: border-box !important;
//   }
// }