@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

  body, html {
    height: 100%;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
  }

  .bg-orange {
    background: #FF6231;
  }

  .text-orange {
    color: #FF6231;
  }

  .table-orange {
    --bs-table-color: #fff;
    --bs-table-bg: #FF6231;
    /* --bs-table-border-color: #000; */
    --bs-table-striped-bg: #FF6231;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #FF6231;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #FF6231;
    --bs-table-hover-color: #fff;
    color: #fff;
    /* border-color: #000; */
  }

  .btn-primary {
    background: #ff744a;
    border-color: #ff744a;
  }

  .btn-primary:hover {
    background: #FF6231;
    border-color: #FF6231;
  }


  .btn-primary:active {
    background: #FF6231 !important;
    border-color: #FF6231 !important;
  }

  .btn-primary:disabled {
    background: #FF6231 !important;
    border-color: #FF6231 !important;
  }

  .add-author {
    cursor: pointer;
  }

  .nested {
      display: none;
      margin-left: 20px;
  }

  /* Account PAge */
  .circle-name {
    padding: 15px 20px;
    border-radius: 50%;
    background: #D9D9D9;
    display: block;
  }

  .nav-profile .nav-link {
    color: #000;
  }

  .nav-profile .nav-link:hover {
    color: #FF6231 !important;
  }

  .nav-profile .nav-link.active {
    color: #FF6231 !important;
  }

    /* Forgot Password */

  .card-board {
      width: 100%;
      max-width: 600px;
      box-shadow: 0 2px 4px rgb(0 0 0 / 7%), 0 4px 5px rgb(0 0 0 / 6%), 0 1px 10px rgb(0 0 0 / 10%);
      background: #fff;
      border-radius: 9px;
  }
  
  .btn-resend-code{
    font-size: 0.9rem!important;
    padding: 0 !important;
  }
  
  .btn-resend-code{
  border: none !important;
  }

/* Loader */
.load {
  display:    none;
  position:   fixed;
  z-index:    1057;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .7 ) url('../img/loader.gif') 50% 50% no-repeat;
}
body.loading {
  overflow: hidden;
}
body.loading .load {
  display: block;
}