/**
 * Copyright (c) 2023, 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.0
 *
 * 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.
 */

.profileBody {
  /* color: rgba(8, 18, 71, 1); */
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#profileLogo {
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
}

.profileMain {
  text-align: center;
  margin-top: -1rem;
}

.confirmLink {
  margin-top: 2.5rem;
}

.withdrawBtn {
  background-color: white;
  color: #d9534f;
  border: 1px solid #d9534f;
  border-radius: 15px;
  padding: 0.25em 1.75em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.actionButtons {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.actionBtnDiv {
  padding: 0.5rem;
}

.withdrawBtn:hover {
  color: white;
  background-color: #d9534f;
  transition: all ease-in-out 0.2s;
  text-decoration: none;
}

.withdrawBtn:focus {
  outline: none;
}

.horizontalLine {
  border: none;
  /* width: 100%; */
  height: 1.3125rem;
  margin-top: 0;
  border-bottom: 2px groove rgba(170, 167, 167, 0.16);
  box-shadow: 0 4px 9px -10px rgba(0, 0, 0, 0.53);
  /* margin: -50px auto 10px; */
}

.infoBox {
  text-align: left;
  margin-top: 1rem;
}

.infoBox h5 {
  margin-bottom: 1rem;
}

.accredBox {
  display: flex;
  padding: 0.5em;
  margin-top: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.accredInfo {
  margin-left: 2rem;
}

#logo {
  /* width: 5rem; */
  margin-left: 0.4rem;
  height: 3rem;
}

.note{
  margin-top: 2rem;
}

#downloadIcon {
  color: #527aff;
}

@media (max-width: 1024px) {
  .profileMain {
    margin-top: 0.5rem;
  }
  #logo {
    /* width: 5rem; */
    margin: auto;
    margin-bottom: 0.5rem;
  }
  .accredBox {
   
    padding-left: 0em;
    padding-right: 0em;
  
  }
  .accredInfo {
    margin-left: 0rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  
}
