@import url("../../fonts/shinhan/shinhan.css");

*,
.btn,
.btn.m-btn--custom,
.form-control,
.m-subheader .m-subheader__title,
.m-portlet
  .m-portlet__head
  .m-portlet__head-caption
  .m-portlet__head-title
  .m-portlet__head-text {
  font-family: "Shinhan Light", sans-serif ;
}

.fontSize-15 {
  font-size: 15px !important;
}

.lg2000 .modal-dialog {
  max-width: 2000px !important;
}

/*-- BEGIN: Elements --*/
.shlv-font-icon {
  font-family: Poppins;
  z-index: 0 !important;
}
.btn .shlv-font-icon i.la {
  vertical-align: bottom;
}

.form-control {
  line-height: 1.2;
}

select {
  opacity: 1 !important;
}
select:invalid {
  color: #9699a2;
}
select:invalid:focus {
  color: #9699a2;
}
select option {
  color: #575962;
  font-size: 17px;
  width: 100%;
  padding: 10px 5px;
  cursor: pointer;
}
select option[value=""] {
  color: #9699a2;
}
div:where(.swal2-icon) .swal2-icon-content{
  font-size: 3.75rem !important;
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 1000px;
  }
}

@media (min-width: 993px) {
  .m-header--fixed .m-header {
    z-index: 1000;
  }
}
/*-- END: Elements --*/

/*-- BEGIN: Summernote --*/
.note-editor.note-frame .note-editing-area .note-editable {
  padding-top: 30px;
}
/*-- END: Summernote --*/

/*-- BEGIN: Header --*/
.m-brand .m-brand__logo .m-brand__logo-wrapper img {
  height: 30px;
}
.m-brand {
  width: 285px !important;
  /*padding: 0px 0px!important;*/
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header {
  background: url(./images/backgrounds/user_profile_background.jpg);
  background-size: cover;
}
/*-- END: Header --*/

/*-- BEGIN: Page loading --*/
.hide {
  display: none !important;
}

.page-on-load {
  background: #fefefe;
}

.page-on-load .m-page {
  display: none !important;
  transition: all 2s;
}

.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center;
}
.page-spinner-bar > div {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: #6c8eea;
}
.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*-- END: Page loading --*/
/*-- BEGIN: BlockUI --*/
.blockUI.blockMsg {
  width: 100% !important;
  display: flex;
  justify-content: center;
  left: 0 !important;
}
.blockUI.blockOverlay {
  opacity: 0.3 !important;
}
.blockMsg .m-blockui {
  margin-left: 0 !important;
}
/*-- END: BlockUI --*/