/* 모달 */

.modal .modal-header button.close {
  opacity: 1;
}

.modal {
  overflow-x: hidden;
}

.form-control,
.single-line {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 4px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  width: 100%;
  font-size: 14px;
}

.modal-body .text-center {
  text-align: center;
}

html input:focus,
html select:focus,
html textarea:focus {
  outline: 0;
}

html a:focus:not(:focus-visible),
html button:focus:not(:focus-visible),
html [tabindex]:focus:not(:focus-visible),
html .btn:focus:not(:focus-visible),
html .btn:active:focus:not(:focus-visible),
html .btn.active:focus:not(:focus-visible) {
  outline: 0;
}

html :focus-visible:not(input):not(select):not(textarea) {
  outline: 2px solid #1db177 !important;
  outline-offset: 2px;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

_:-ms-fullscreen,
:root .form-control,
.single-line {
  padding: 0px 0px;
  color: grey;
}

_:-ms-fullscreen,
:root #findPasswordModal .close {
  right: -50px;
}

.text-left {
  width: 100%;
}

_:-ms-fullscreen,
:root .modal-footer .col-sm-6 {
  float: left;
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (min-width: 0\0) {
  /*IE10,0에 대한 CSS 내용을 기술*/
  modal-footer .col-sm-6 {
    float: left;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10-specific styles go here */
  modal-footer .col-sm-6 {
    float: left;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

_:-ms-fullscreen,
:root #zero-invite-form .modal-body > * {
  padding: 12px 0px;
}

button.close {
  background-color: transparent;
  border-color: transparent;
}

.modal .modal-header button.close:hover {
  opacity: 0.5;
}

#paylist .modal-header {
  border: none;
  height: 50px;
}

#paylist .modal-header button {
  position: absolute;
  right: 14px;
  top: 18px;
}

#paylist .modal-body {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 26px;
}

/* common modal style */

.modal .alert {
  display: none;
}