/*
    layout
*/
.layout-login {
  /*background-image: url('/img/dashboard/login.png');*/
  /*background-image: url('/assets/image/background/login-background.png');*/
  background: radial-gradient(circle at 89.7989908854% 7.9020182292%, #EA6020 0%, 33%, rgba(234, 96, 32, 0) 66%), radial-gradient(circle at 94.3538411458% 89.6158854167%, #EA6020 0%, 27%, rgba(234, 96, 32, 0) 54%), radial-gradient(circle at 6.50390625% 88.037109375%, #8E3AAB 0%, 41.5%, rgba(142, 58, 171, 0) 83%), radial-gradient(circle at 0.2583821615% 0%, #8E3AAB 0%, 42%, rgba(142, 58, 171, 0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FAF5F0 0%, 100%, rgba(250, 245, 240, 0) 100%);
  background-origin: content-box;
  background-position: center center;
  background-size: cover;
}

/* 
    Page layout

*/
.login-title {
  position: fixed;
  padding: 4rem;
  text-align: center;
  /*width: 58rem;*/
  width: 100%;
  color: white;
  background-color: transparent;
}

.login-title h1 {
  font-size: 3.4rem;
  /*text-shadow: #FFCC00 1px 0 8px;*/
}

.login-logo {
  margin-bottom: 4rem;
}

.login-logo h1 {
  font-size: 2.8rem;
  /*text-shadow: #FF9800 1px 0 4px;*/
}

.login-content {
  -ms-flex-align: center;
  align-items: center;
  /*background-color: #e9ecef;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10rem;
}

.login-box, .register-box {
  width: 480px;
}

@media (max-width: 850px) {
  .login-title {
    /*display: none;*/
  }
  .login-title h1 {
    /*display: none;*/
    font-size: 2.8rem;
    /*line-height: 2.0rem;*/
  }
  .login-box,
  .register-box {
    width: 80%;
  }
  .login-box .login-logo,
  .register-box .login-logo {
    margin-bottom: 1rem;
  }
}
@media (max-width: 560px) {
  .login-title {
    /*display: none;*/
  }
  .login-title h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    /* word-spacing: 4px; */
    word-wrap: break-word;
    overflow: hidden;
  }
  .login-box,
  .register-box {
    width: 80%;
    padding-top: 0;
  }
  .login-content {
    padding-top: 0;
  }
}
@media (max-height: 600px) {
  .login-title {
    display: none;
  }
}
@media (max-height: 900px) {
  .login-title h1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    /* word-spacing: 4px; */
    word-wrap: break-word;
    overflow: hidden;
  }
}
.layout-login input {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.layout-login a,
.layout-login button {
  /*border-radius: var(--bs-border-radius) !important;*/
  border-radius: 1rem !important;
}

.layout-login .btn.btn-block:hover {
  color: white !important;
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.language-switch-area {
  text-align: center;
  padding: 10px;
}

.famfamfam-flags {
  display: inline-block;
}

/*
    Social
*/
.social-icons {
  padding-left: 0px;
}

.social-icons a.btn-sm {
  margin-right: 5px;
}

/* 
    Page loader

*/
.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
  text-align: center;
}

.page-loader-wrapper p {
  font-size: 13px;
  margin-top: 10px;
  font-weight: bold;
  color: #444;
}

.page-loader-wrapper .loader {
  position: relative;
  top: calc(50% - 30px);
}

/* 
    Preloaders 

*/
.md-preloader .pl-red {
  stroke: #F44336;
}

.md-preloader .pl-pink {
  stroke: #E91E63;
}

.md-preloader .pl-purple {
  stroke: #9C27B0;
}

.md-preloader .pl-deep-purple {
  stroke: #673AB7;
}

.md-preloader .pl-indigo {
  stroke: #3F51B5;
}

.md-preloader .pl-blue {
  stroke: #2196F3;
}

.md-preloader .pl-light-blue {
  stroke: #03A9F4;
}

.md-preloader .pl-cyan {
  stroke: #00BCD4;
}

.md-preloader .pl-teal {
  stroke: #009688;
}

.md-preloader .pl-green {
  stroke: #4CAF50;
}

.md-preloader .pl-light-green {
  stroke: #8BC34A;
}

.md-preloader .pl-lime {
  stroke: #CDDC39;
}

.md-preloader .pl-yellow {
  stroke: #ffe821;
}

.md-preloader .pl-amber {
  stroke: #FFC107;
}

.md-preloader .pl-orange {
  stroke: #FF9800;
}

.md-preloader .pl-deep-orange {
  stroke: #FF5722;
}

.md-preloader .pl-brown {
  stroke: #795548;
}

.md-preloader .pl-grey {
  stroke: #9E9E9E;
}

.md-preloader .pl-blue-grey {
  stroke: #607D8B;
}

.md-preloader .pl-black {
  stroke: #000000;
}

.md-preloader .pl-white {
  stroke: #ffffff;
}

.preloader {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-animation: container-rotate 1568ms linear infinite;
  -moz-animation: container-rotate 1568ms linear infinite;
  -o-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

.preloader.pl-size-xl {
  width: 75px;
  height: 75px;
}

.preloader.pl-size-l {
  width: 60px;
  height: 60px;
}

.preloader.pl-size-md {
  width: 50px;
  height: 50px;
}

.preloader.pl-size-sm {
  width: 40px;
  height: 40px;
}

.preloader.pl-size-xs {
  width: 25px;
  height: 25px;
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  border-color: #F44336;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-layer.pl-red {
  border-color: #F44336;
}

.spinner-layer.pl-pink {
  border-color: #E91E63;
}

.spinner-layer.pl-purple {
  border-color: #9C27B0;
}

.spinner-layer.pl-deep-purple {
  border-color: #673AB7;
}

.spinner-layer.pl-indigo {
  border-color: #3F51B5;
}

.spinner-layer.pl-blue {
  border-color: #2196F3;
}

.spinner-layer.pl-light-blue {
  border-color: #03A9F4;
}

.spinner-layer.pl-cyan {
  border-color: #00BCD4;
}

.spinner-layer.pl-teal {
  border-color: #009688;
}

.spinner-layer.pl-green {
  border-color: #4CAF50;
}

.spinner-layer.pl-light-green {
  border-color: #8BC34A;
}

.spinner-layer.pl-lime {
  border-color: #CDDC39;
}

.spinner-layer.pl-yellow {
  border-color: #ffe821;
}

.spinner-layer.pl-amber {
  border-color: #FFC107;
}

.spinner-layer.pl-orange {
  border-color: #FF9800;
}

.spinner-layer.pl-deep-orange {
  border-color: #FF5722;
}

.spinner-layer.pl-brown {
  border-color: #795548;
}

.spinner-layer.pl-grey {
  border-color: #9E9E9E;
}

.spinner-layer.pl-blue-grey {
  border-color: #607D8B;
}

.spinner-layer.pl-black {
  border-color: #000000;
}

.spinner-layer.pl-white {
  border-color: #ffffff;
}