/*
 * Copyright (c) 2022 WSO2 LLC. (https://www.wso2.com).
 *
 * WSO2 LLC. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *http://www.apache.org/licenses/LICENSE-2.
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

.mainDiv {
    display: flex;
    flex-direction: row;
    width: 100vw;
    overflow-x: hidden;
}

.sideNavDiv {
    width: 20%;
}

.sideNav {
    height: 100%;
    width: 18%;
    position:fixed;
}

.nextButtonDiv{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    padding-bottom: 2rem;
}

.logoDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    flex-direction: column;
}

.logoDiv hr {
    margin: 12px;
    align-self: stretch;
}

.mainPanelDiv {
    height: 100vh;
    width: 100%;
    padding: 4rem;
}

.homeMainPanelDiv {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.homePanel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem;
}

.homePanel hr {
    margin: 12px;
    align-self: stretch;
}

#userDetails {
    height: 100%;
}

.userNullText {
    text-align: center;
}

.userDetails {
    width: 100%;
    display: flex;
    align-items: center;
    justify-self: center;
    flex-direction: row;
    gap: 24px;
    display: '';
}

.userDetailsBody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 4;
}

.profileImage{
    width: 0.5%;  
    flex-grow: 1;
}

.tableMainPanelDiv {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
}

.tableMainPanelDiv .rs-table-body-row-wrapper {
    height: 100vh;
}

.addUserMainDiv {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 32px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.addUserFormDiv{
    padding: 0px;
}

.addUserForm {
    width: 600px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.addUserForm hr {
    margin: 10px;
    align-self: stretch;
    border-top: 1px solid #8c8b8b4c;
  }

.addUserButton{
    width: 25%;
}
