@font-face {
  font-family: 'Howden Georgia';
  src: url('/assets/fonts/georgia-regular.ttf');
}

body {
  font-family: 'Arial', 'Howden Georgia' !important;
}

a {
  
}

/** AUTH PAGE **/
.full-page {
  overflow: hidden;
}

.auth-bg-login {
  background-image: url('/assets/images/Background - Sign In v2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.auth-bg-register {
  background-image: url('/assets/images/Background - Sign In v2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.auth-bg-forgot {
  background-image: url('/assets/images/Background - Sign In v2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.text-howden {
  color: #000000 !important;
}

.btn-howden-primary {
  background-color: #000000;
  color: #ffffff;
}

.btn-howden-primary:hover {
  background-color: rgba(34, 53, 74, 0.77);
  color: #ffffff;
}

/** DROPZONE **/

.dropzone {
  min-height: 120px !important;
}

.dropzone.dz-clickable .dz-message {
  margin-top: 50px !important;
}

@media only screen and (max-width: 991px) {
  .page-wrapper.page-wrapper-two {
    padding-top: 0 !important;
    margin-top: 60px !important;
  }
  
  .page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .auth-bg-login {
    height: 35vh;
  }

  .right-side {
    margin: 0 !important;
  }

  .right-side div {
    border-top-right-radius: 0 !important;
  }

  .auth-bg-register {
    height: 35vh;
  }
  .auth-bg-forgot {
    height: 35vh;
  }

  .auth-bottom-side {
    margin-top: 3em !important;
  }
}

@media only screen and (max-width: 800px) {
  /* Nav Page Bar */
  li.col-2.nav-item:hover {
    background-color: #000000 !important;
  }
}

/* .page-content {
  background-image: url('/assets/images/Background - Sign In.png');
} */

/*======== 2FA =======*/

.pin-control:focus {
    box-shadow: 0 0 0 3px rgba(5,163,74,.5) !important;
}

.form-switch .form-check-input .twofa-toggle {
    width: 4em !important;
}

.form-check-input .twofa-toggle {
    height: 2em !important;
}

/* ======== Submit Spinner Grow ======== */
body.processing {
  height: 100%; 
  overflow: hidden;
}

body .process-wrapper.processed {
  visibility: hidden;
  transition:visibility 0.4s linear;
}

body .process-wrapper {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

body .process-wrapper .spinner-border {
  opacity: 1;
  color: #152c46 !important;
  width: 3rem;
  height: 3rem;
  border: 0.5em solid;
  border-right: .5em solid transparent;
}

body .process-wrapper .loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #6571ff;
    background: linear-gradient(90deg, #6571ff 10%, transparent 42%);
    -webkit-animation: loading 1.4s linear infinite;
    animation: loading 1.4s linear infinite;
    transform: translateZ(0);
  }
  .process-wrapper .loader.loader:before {
    width: 50%;
    height: 50%;
    background: #6571ff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
  }
  .process-wrapper .loader.loader:after {
    background: #969697;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  @-webkit-keyframes loading {
    0% {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(1turn);
    }
  }
  @keyframes loading {
    0% {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(1turn);
    }
  }

.no-available-file{
  width: 100%;
  height: 74%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1280px) {
  table.dataTable {
    width: 100% !important;
  }
}

table.claim-details > tbody > tr > th {
  width: 30% !important;
}

@media only screen and (max-width: 640px) {
  #libraryPreview {
    display: none;
  }

  #libraryMobileLink {
    display: block !important;
  }

  #libraryWebLink {
    display: none !important;
  }

  #selectPolicyMobile {
    display: block !important;
  }
}

.loader-wrapper .loader {
  background: linear-gradient(90deg,#998542 10%,transparent 42%) !important;
}

.loader-wrapper .loader.loader::before {
  background: #998542 !important;
}