<apex:page controller="MycustomSettingController" lightningStyleSheets="true" >
<apex:slds />
<div class="slds-scope">
    <div class="myapp">
        <div class="slds-grid slds-wrap">
            <div id="divMainContainer" style="display:flex" class="slds-col slds-size--4-of-4" >
                <div  class="slds-box slds-box_xx-small slds-text-align_center slds-m-around--xx-Large">
                    <apex:form >
                        <div class="slds-box slds-box_x-small slds-text-align_center slds-m-around_x-small">Org Information</div>
                        <apex:pageBlock >
                            Client ID: <br/><apex:inputField value="{!orgInfo.Client_ID__c}" required="true"/><br/>
                            Client Secret: <br/><apex:inputField value="{!orgInfo.Client_Secret__c}" required="true"/><br/>
                            Username: <br/><apex:inputField value="{!orgInfo.Username__c}" required="true"/><br/>
                            Password: <br/><apex:inputField value="{!orgInfo.Password__c}" required="true"/><br/> <br/>
                            Sandbox? <apex:inputCheckbox value="{!orgInfo.Sandbox__c}"/><br/><br/>
                            <br/>
                            <apex:commandButton styleClass="slslds-button slds-button_success" action="{!save}" value="Save"/>
                        </apex:pageBlock>
                    </apex:form>
                </div>
            </div>
        </div>
    </div>
</div>