op-25table {
	width: 100%;
}

.page-item.active > a {
  background-color: #536ea4 !important;
  border-color: #536ea4 !important;
  border-radius: 5px !important;
  padding: 5px 12px !important;
}

.btn {
  padding: 7.5px 15px !important;
}

.table.b-table > thead > tr > th[aria-sort]::after,
.table.b-table > tfoot > tr > th[aria-sort]::after {
  bottom: 1.0rem !important;
}



/* 하위 호환용 2022.08.08 */
html:not([dir="rtl"]) .sidebar {
  margin-left: 0px !important;
  height: 100%;
}

.sidebar {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  /* width: 280px; */
  margin-top: 100px;
  display: block !important;
  z-index: 1000 !important;
  color: #fff !important;
  font-weight: 200 !important;
  background: #313f59 !important;
  -webkit-box-shadow: 4px 4px 10px rgb(69 65 78 / 6%) !important;
  -moz-box-shadow: 4px 4px 10px rgba(69,65,78,.06) !important;
  box-shadow: 4px 4px 10px rgb(69 65 78 / 6%) !important;
  transition: all .3s !important;
}


.sidebar .nav {
  display: block !important;
  float: none !important;
  margin-top: 5px !important;

  width: 100% !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: none !important;
  flex-direction: none !important;
  min-height: 100% !important;
  padding: 0 !important;
}

.sidebar-style-2 .nav-item svg {
  margin-right: 15px !important;
}

.multiselect__placeholder {
  padding-left: 15px;
  height: 100%;
}


input::placeholder{
  text-align: left;
  font-weight: bold;
}

/* or, for legacy browsers */

::-webkit-input-placeholder {
  text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
  text-align: center;
}

::-moz-placeholder {  /* Firefox 19+ */
  text-align: center;
}

:-ms-input-placeholder {
  text-align: center;
}

input{
  text-align: center;
}

span > .fa-question-circle {
  cursor: pointer !important;
}

/* geo 차트용 */
div[dir=ltr] {
  margin: auto;
}

.custom-switch {
  cursor: pointer !important;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.icon_45 {
  cursor: pointer;
  margin: 2px 15px;
  padding: 0px;
  width: 45px;
  max-width: 50px;
  min-width: 20px;
  /* @media screen and (max-width: 1400px) */
}

.logo_120 {
  /* cursor: pointer;
  margin: 2px 15px;
  padding: 0px; */
  width: 120px;
  /* @media screen and (max-width: 1400px) */
}


.custom-control-input:checked ~ .custom-control-label::before {
  background-color: green;
  border-color: darken(green, 10%);
}
.custom-switch.custom-switch-lg {
  padding-bottom: 1rem;
	padding-left: 2.25rem;

  & .custom-control-label {
    padding-left: .75rem;
    padding-top: 0.15rem;

    &::before {
      border-radius: 1rem;
      height: 1.5rem;
      width: 2.5rem;
    }

    &::after {
			border-radius: .65rem;
      height: calc(1.5rem - 4px);
      width: calc(1.5rem - 4px);
    }
  }

	.custom-control-input:checked ~ .custom-control-label::after{
  transform: translateX(1rem);
	}
}

/* Add class `.custom-switch-xl` to a `custom-switch` */
.custom-switch.custom-switch-xl {
  padding-bottom: 1rem;
  padding-left: 2.25rem;
}
.custom-switch.custom-switch-xl .custom-control-label {
  padding-left: 2rem;
  padding-top: 0.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
  border-radius: 1rem;
  height: 2rem;
  width: 3.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
  border-radius: 2rem;
  height: calc(2rem - 4px);
  width: calc(2rem - 4px);
}
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(1.5rem);
}


.op-0 { opacity: 0 !important; }
.op-25 { opacity: 0.25 !important; }
.op-50 { opacity: 0.50 !important; }
.op-70 { opacity: 0.75 !important; }
.op-100 { opacity: 1 !important; }


/* 애니메이션 진입 및 진출은 다른 지속 시간 및  */
/* 타이밍 기능을 사용할 수 있습니다. */
.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter
/* .slide-fade-leave-active below version 2.1.8 */ {
  transition: all .3s;
  transform: translateX(10px);
  opacity: 0;
}

.slide-fade-leave-to {
  transition: all .3s;
  transform: translateX(-10px);
  opacity: 0;
}


.risk_high {
 background-color: #ff0302 !important;
}

.risk_medium {
  background-color: #ffa500 !important;
 }

 .risk_low {
  background-color: #f1e256 !important;
 }