@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #fff;
}

a:link {
  /* color: #fff; */
}

a:visited {
  /* color: #fff; */

}

a:active {
  /* color: #fff; */

}

img {
  border: none;
  vertical-align: middle;
}

h1 {
  margin: 0;
}

input,
textarea {
  outline: none;
}

html {
  font-size: 0.625em;
  height: 100%;
}

body {
  height: 100%;
  line-height: 1;
  background-color: #2B2C33; color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

button {
  border: none;
  background: none;
}

[type="button"],
[type="submit"],
[type="reset"],
button,
a,
label {
  cursor: pointer;
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px #2B2C33 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
}

input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

/* input */
input {
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: transparent;
  outline: none;
}

input:hover,
input:focus {
  border: none;
  border-bottom: 1px solid #77f2ff;
  color: #77F2FF;
}

input:disabled {
  border: none;
  border-bottom: 1px solid #888;
  color: #888;
}

input::placeholder {
  color: #888;
}

input[type="radio"],
input[type="radio"]:checked {
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  border-radius: 50%;
  min-width: 10px; min-height: 10px;
  margin-right: 10px;
  border: 1px solid #77F2FF;
}

input[type="radio"]:checked {
  background: #77F2FF;
}

/* summernote 이미지 버튼 */
.note-modal .note-modal-body label {
  cursor: default;
}

.note-input {
  color: #000;
}

.note-input:hover,
.note-input:focus {
  border: 1px solid #ededef;
  color: #000;
}

.note-modal-footer {
  padding: 10px 30px;
}

.note-btn {
  padding: 0px 5px;
}

/* select */
select {
  /* 네이티브 외형 감추기 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 화살표 모양의 이미지 */
  background: url(../Images/icon_select.svg) no-repeat 95% 50%;
  outline: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

select option {
  background: #2B2C33;
}

select:hover,
select:focus {
  /* 네이티브 외형 감추기 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 화살표 모양의 이미지 */
  background: url(../Images/icon_select_hover.svg) no-repeat 95% 50%;
  outline: none;
  color: #77f2ff;
  border: 1px solid #77F2FF;border-radius: 5px;
}

select:disabled {
  /* 네이티브 외형 감추기 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* 화살표 모양의 이미지 */
  background: url(../Images/icon_select_disable.svg) no-repeat 95% 50%;
  outline: none;
  color: #888;
  border: 1px solid #888;
  border-radius: 5px;
  opacity: 1;
}

select::placeholder {
  color: #888;
}

/* search button */
.search {
  display: inline-block;
  width: 200px; height: 30px;
  position: relative;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0px 25px 0px 5px;
}

.search input {
  width: 100%; height: 100%;
  border: none;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 1.4rem;
}

.search input::placeholder {
  color: #888;
  font-size: 1.4rem;
}

.search:hover {
  border: 1px solid #77F2FF;
}

.search_btn {
  background: url(../Images/icon_search_white.svg) no-repeat;
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  outline: none;
  position: absolute; right: 5px; top: 50%;
  transform: translateY(-50%);
}

.search:hover .search_btn {
  background: url(../Images/icon_search_hover.svg) no-repeat;
  background-position: center;
  background-size: cover;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

/* common class */
.blind {
  display: none;
}

.emptyUserList {
  min-height: 100px;
}

.emptyUserList span {
  position: absolute; top: 60%; left: 50%;
  transform: translateX(-50%);
}

.allLoadData {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 999999999999999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.allLoadData img {
  width: 50px;
  height: auto;
  animation: spinLoadingImg 1.5s infinite linear;
}

@keyframes spinLoadingImg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}

/* positive button */
.add_btn,
.edit_btn,
.ok_btn,
.sync_btn,
.btn,
.myconect_btn,
.export_btn,
.insert_btn,
.save_btn,
.file_btn,
.stop_btn,
.setting_btn,
.pms_btn,
.append_btn,
.download_btn,
.set_btn,
.copy_btn,
.payment_btn {
  background: #9D4ED9;
  color: #fff;
}
.add_btn:hover,
.edit_btn:hover,
.ok_btn:hover,
.sync_btn:hover,
.btn:hover,
.myconect_btn:hover,
.export_btn:hover,
.insert_btn:hover,
.save_btn:hover,
.file_btn:hover,
.stop_btn:hover,
.setting_btn:hover,
.pms_btn:hover,
.append_btn:hover,
.download_btn:hover,
.set_btn:hover,
.copy_btn:hover,
.payment_btn:hover {
  background: #8439BD;
  border-bottom: none;
  color: #fff;
}
.add_btn:focus,
.edit_btn:focus,
.ok_btn:focus,
.sync_btn:focus,
.btn:focus,
.myconect_btn:focus,
.export_btn:focus,
.insert_btn:focus,
.save_btn:focus,
.file_btn:focus,
.stop_btn:focus,
.setting_btn:focus,
.pms_btn:focus,
.append_btn:focus,
.download_btn:focus,
.set_btn:focus,
.copy_btn:focus,
.payment_btn:focus {
  background: #9D4ED9;
  border-bottom: none;
  color: #fff;
}
.add_btn:disabled,
.edit_btn:disabled,
.ok_btn:disabled,
.sync_btn:disabled,
.btn:disabled,
.export_btn:disabled,
.insert_btn:disabled,
.save_btn:disabled,
.stop_btn:disabled,
.setting_btn:disabled,
.pms_btn:disabled,
.append_btn:disabled,
.download_btn:disabled,
.set_btn:disabled,
.copy_btn:disabled,
.payment_btn:disabled {
  background: #603385;
  color: #888888;
  border-bottom: none;
}
.add_btn:disabled:hover,
.edit_btn:disabled:hover,
.ok_btn:disabled:hover,
.sync_btn:disabled:hover,
.btn:disabled:hover,
.export_btn:disabled:hover,
.insert_btn:disabled:hover,
.save_btn:disabled:hover,
.stop_btn:disabled:hover,
.setting_btn:disabled:hover,
.pms_btn:disabled:hover,
.append_btn:disabled:hover,
.download_btn:disabled:hover,
.set_btn:disabled:hover,
.copy_btn:disabled:hover,
.payment_btn:disabled:hover {
  background: #603385;
  color: #888888;
  border-bottom: none;
  cursor: default;
}
.myconect_btn:disabled,
.myconect_btn:disabled:hover {
  color: #ffffff;
}

/* negative button */
.cancel_btn,
.delete_btn,
.gotolist_btn,
.gotolog_btn,
.goto_btn,
#withdraw_button_form,
.remove_btn,
.release_btn,
.gotodetail_btn {
  background: #8F8F8F;
  color: #fff;
}
.cancel_btn:hover,
.delete_btn:hover,
.gotolist_btn:hover,
.gotolog_btn:hover,
.goto_btn:hover,
#withdraw_button_form:hover,
.remove_btn:hover,
.release_btn:hover,
.gotodetail_btn:hover {
  background-color: #767676;
  border-bottom: none;
  color: #fff;
}
.cancel_btn:focus,
.delete_btn:focus,
.gotolist_btn:focus,
.gotolog_btn:focus,
.goto_btn:focus,
#withdraw_button_form:focus,
.remove_btn:focus,
.release_btn:focus,
.gotodetail_btn:focus {
  background-color: #8F8F8F;
  border-bottom: none;
  color: #fff;
}
.cancel_btn:disabled,
.delete_btn:disabled,
.gotolist_btn:disabled,
.gotolog_btn:disabled,
.goto_btn:disabled,
#withdraw_button_form:disabled,
.remove_btn:disabled,
.release_btn:disabled,
.gotodetail_btn:disabled {
  background: #58585B;
  color: #888888;
  border-bottom: none;
}
.cancel_btn:disabled:hover,
.delete_btn:disabled:hover,
.gotolist_btn:disabled:hover,
.gotolog_btn:disabled:hover,
.goto_btn:disabled:hover,
#withdraw_button_form:disabled:hover,
.remove_btn:disabled:hover,
.release_btn:disabled:hover,
.gotodetail_btn:disabled:hover {
  background: #58585B;
  color: #888888;
  border-bottom: none;
  cursor: default;
}

/* timepicker */
.ui-timepicker-container .ui-timepicker-viewport {
  list-style: none;
}

.ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #38393E;
  display: block;
  padding: 3px 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}

/* select option width */
#optionTextWidth span {
  display: inline-block;
  font-size: 1.4rem;
}