.formbuttons {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	margin-right: 20px;
	width: 70px;
	height: 45px;
	border-radius: 8px;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
}
.savebutton {
	background-color: var(--action-primary-default);
	color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {

    ::ng-deep .FormOverView {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        padding: 10px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    ::ng-deep .FormOverView gb-date,
    ::ng-deep .FormOverView gb-newpicklist {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    ::ng-deep .FormOverView gb-newpicklist {
        position: relative !important;
        overflow: visible !important;
    }

    ::ng-deep .FormOverView gb-newpicklist mat-form-field,
    ::ng-deep .FormOverView gb-newpicklist .mat-mdc-text-field-wrapper,
    ::ng-deep .FormOverView gb-newpicklist .Mat_Form_Field .mdc-text-field,
    ::ng-deep .FormOverView gb-newpicklist .mat-form-field-wrapper,
    ::ng-deep .FormOverView gb-newpicklist .mat-form-field-flex,
    ::ng-deep .FormOverView gb-newpicklist .mat-select,
    ::ng-deep .FormOverView gb-newpicklist .mat-select-trigger {
        width: 90% !important;
        max-width: 300px !important;
        box-sizing: border-box !important;
        overflow: visible !important;   
        position: relative !important;
    }

    ::ng-deep .FormOverView gb-newpicklist *:not(svg):not(path):not(i):not(img):not([class*="arrow"]):not([class*="icon"]):not([class*="caret"]):not([class*="chevron"]) {
        box-sizing: border-box !important;
        max-width: 100% !important;
        width: auto !important;
    }

    ::ng-deep .FormOverView gb-newpicklist svg,
    ::ng-deep .FormOverView gb-newpicklist i,
    ::ng-deep .FormOverView gb-newpicklist img,
    ::ng-deep .FormOverView gb-newpicklist [class*="arrow"],
    ::ng-deep .FormOverView gb-newpicklist [class*="icon"],
    ::ng-deep .FormOverView gb-newpicklist [class*="caret"],
    ::ng-deep .FormOverView gb-newpicklist [class*="chevron"] {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 16px !important;
        height: 16px !important;
        max-width: none !important;
        min-width: 16px !important;
        flex-shrink: 0 !important;
        position: static !important;
        right: auto !important;
        transform: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    ::ng-deep .FormOverView gb-newpicklist *::after,
    ::ng-deep .FormOverView gb-newpicklist *::before {
        display: inline-block !important;
        opacity: 1 !important;
        visibility: visible !important;
        content: initial;
    }

    ::ng-deep .FormOverView gb-newpicklist .mat-mdc-select-trigger,
    ::ng-deep .FormOverView gb-newpicklist .mat-mdc-form-field-flex,
    ::ng-deep .FormOverView gb-newpicklist .mat-select-trigger,
    ::ng-deep .FormOverView gb-newpicklist .mat-form-field-flex {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        overflow: visible !important;
    }

    ::ng-deep .FormOverView gb-date mat-form-field,
    ::ng-deep .FormOverView gb-date .mat-mdc-text-field-wrapper,
    ::ng-deep .FormOverView gb-date .Mat_Form_Field .mdc-text-field {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}