@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 --*/


.m-checkbox>input:disabled~span {
  opacity: 1;
}

.m-checkbox>input:disabled~span:after {
  border: solid #7281a4;
}

.paginationjs-pages ul {
  display: flex;
  padding: 0;
  justify-content: center;
}

.paginationjs-pages li {
  list-style: none;
  cursor: pointer;
}

.paginationjs-pages li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.paginationjs-pages li.active a {
  z-index: 1;
  color: #fff !important;
  background-color: var(--second-color);
  border-color: var(--second-color);
}

.paginationjs-pages li.disabled a {
  color: #868e96 !important;
  pointer-events: none;
  cursor: auto;
  background-color: #dee2e6;
  border-color: #dee2e6;
}

.paginationjs-pages li.disabled {
  cursor: no-drop;
}

.paginationjs-pages li:first-child .a {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.paginationjs-pages li:last-child .a {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.customClass-modal .modal-dialog {
  margin-top: 0 !important;
}