/*
 * iq.css - IntelliQuant 공통 스타일
 * Bootstrap 5 기반, unify 테마(style.css, header-iq.css, footer-v1.css) 대체
 */

/* ========================
   Global
======================== */
/* Bootstrap 3: html { font-size: 10px } 기본 포함.
   Bootstrap 5는 이 규칙이 없어 브라우저 기본값(16px)이 됨.
   newhome.css의 rem 값들이 10px 기준으로 작성되어 있으므로 복원. */
html {
  font-size: 10px;
}

/* Bootstrap 5는 CSS 변수를 :root가 아닌 컴포넌트 자체에 스코핑함.
   html font-size 10px 기준에서 1rem=10px이 되므로 각 컴포넌트에서 직접 보정.
   변환 공식: BS5 기본값(16px 기준) → 실제 px 유지하려면 값 * 1.6 */
body {
  --bs-body-font-size: 1.4rem;            /* 14px */
}
.btn {
  --bs-btn-font-size: 1.4rem;             /* 14px */
}
.btn-lg {
  --bs-btn-font-size: 2rem;               /* 20px */
}
.btn-sm {
  --bs-btn-font-size: 1.4rem;             /* 14px (원래 0.875rem@16px=14px) */
}
.dropdown-menu {
  --bs-dropdown-font-size: 1.4rem;        /* 14px */
}
.navbar {
  --bs-navbar-brand-font-size: 2rem;      /* 20px */
  --bs-navbar-toggler-font-size: 2rem;    /* 20px */
}
.pagination {
  --bs-pagination-font-size: 1.4rem;      /* 14px */
}
.progress {
  --bs-progress-font-size: 1.2rem;        /* 12px */
}
.toast {
  --bs-toast-font-size: 1.4rem;           /* 14px */
}
.tooltip {
  --bs-tooltip-font-size: 1.4rem;         /* 14px */
}
.popover {
  --bs-popover-font-size: 1.4rem;         /* 14px */
  --bs-popover-header-font-size: 1.6rem;  /* 16px */
}

/* Bootstrap 5 heading은 CSS 변수 없이 rem 하드코딩 → 직접 오버라이드.
   Bootstrap 3 기본값 복원. */
h1 { font-size: 3.6rem; }  /* 36px */
h2 { font-size: 3rem; }    /* 30px */
h3 { font-size: 2.4rem; }  /* 24px */
h4 { font-size: 1.8rem; }  /* 18px */
h5 { font-size: 1.4rem; }  /* 14px */
h6 { font-size: 1.2rem; }  /* 12px */

body {
  color: #111;
  font-size: 14px;
  line-height: 1.6;
  font-family: "Pretendard", "Nanum Gothic", "AppleSDGothicNeo-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
}

body.header-fixed-space {
  padding-top: 94px;
}

body.header-fixed-space-v2 {
  padding-top: 135px;
}

@media (max-width: 991px) {
  body.header-fixed-space,
  body.header-fixed-space-v2 {
    padding-top: 0;
  }
}

p, li, li a, label {
  color: #555;
}

a {
  color: #72c02c;
  text-decoration: none;
}

a:focus, a:hover, a:active,
button, button:hover {
  outline: 0 !important;
}

a:focus {
  text-decoration: none;
}

a:hover {
  color: #72c02c;
  text-decoration: underline;
}

/* ========================
   Navbar / Header
======================== */
nav.navbar {
  margin: 0;
  border: 0;
  border-radius: 0 !important;
  background-color: #fff;
  min-height: 82px;
  font-size: 14px;
  font-weight: 600;
  color: #516b7c;
}

.navbar > .container-fluid > .navbar-header,
.navbar > .container-fluid > .d-flex:first-child {
  margin-left: 85px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.logo {
  height: 30px;
  width: 191px;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 0;
}

.navbar-nav > li > .link,
.navbar-nav .nav-link.link {
  padding-left: 18px;
  padding-right: 17px;
  padding-top: 31px;
  padding-bottom: 31px;
  color: #516b7c;
}

.navbar-nav > li > .link:hover,
.navbar-nav .nav-link.link:hover {
  background-color: #e7e7e7;
}

.navbar-nav > li > .iq_dropdown_btn,
.navbar-nav .nav-link.iq_dropdown_btn {
  padding-left: 18px;
  padding-right: 17px;
  padding-top: 31px;
  padding-bottom: 31px;
  color: #516b7c;
}

.navbar-nav > li > .iq_dropdown_btn:focus,
.navbar-nav .nav-link.iq_dropdown_btn:focus {
  color: #516b7c;
}

.navbar-nav > li > .iq_dropdown_btn:hover,
.navbar-nav .nav-link.iq_dropdown_btn:hover {
  background-color: #e7e7e7;
}

.navbar-nav > li > .iq_dropdown {
  z-index: 5;
}

.navbar-nav > .active > a,
.navbar-nav .nav-item.active .nav-link {
  font-weight: 900;
  color: #115999;
  background-color: transparent;
}

.navbar-nav > li > .btn,
.navbar-nav .nav-item .btn {
  margin-left: 18px;
  margin-right: 17px;
  margin-top: 21px;
  margin-bottom: 5px;
  padding-left: 13px;
  padding-right: 12px;
  padding-top: 9px;
  padding-bottom: 8px;
  color: #516b7c;
  border-radius: 3px !important;
  border: solid 1px #708593;
}

/* Bootstrap 5에서 btn-default 대체 */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* ========================
   Dropdown
======================== */
.dropdown-menu > li > span,
.dropdown-menu .dropdown-item-text {
  display: block;
  padding: 3px 20px;
  clear: both;
  white-space: nowrap;
}

.dropdown-menu > li > .name,
.dropdown-menu .item-name {
  color: #111111;
}

.dropdown-menu > li > .email,
.dropdown-menu .item-email {
  color: #666666;
}

.dropdown-menu > li > .account,
.dropdown-menu > li > .account:hover,
.dropdown-menu .item-account,
.dropdown-menu .item-account:hover {
  color: #a1a1a1;
  text-decoration: underline;
}

.dropdown-menu > li > .logout,
.dropdown-menu > li > .logout:hover,
.dropdown-menu .item-logout,
.dropdown-menu .item-logout:hover {
  color: #24A9BF;
  text-decoration: underline;
}

/* ========================
   Special Buttons
======================== */
.navbar-nav > li > .btn-iqon,
.navbar-nav > li > .btn-iqon:hover,
.navbar-nav > li > .btn-iqon:focus,
.navbar-nav .nav-item .btn-iqon,
.navbar-nav .nav-item .btn-iqon:hover,
.navbar-nav .nav-item .btn-iqon:focus {
  background-color: #1565C0;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
}

.navbar-nav > li > .btn-chatbot,
.navbar-nav > li > .btn-chatbot:hover,
.navbar-nav > li > .btn-chatbot:focus,
.navbar-nav .nav-item .btn-chatbot,
.navbar-nav .nav-item .btn-chatbot:hover,
.navbar-nav .nav-item .btn-chatbot:focus {
  background-color: #2E7D32;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
}

.navbar-nav > li > .btn-tooltip,
.navbar-nav > li > .btn-tooltip:hover,
.navbar-nav .nav-item .btn-tooltip,
.navbar-nav .nav-item .btn-tooltip:hover {
  color: #ffffff;
  border-radius: 0 !important;
  border: none;
}

.btn-tooltip + .tooltip {
  max-width: 50vw;
  width: 500px;
  font-family: inherit;
}

.btn-tooltip + .tooltip .tooltip-inner {
  max-width: 50vw;
  background-color: #115999;
  color: #FFFFFF;
  border: 2px solid #115999;
  padding: 15px;
  font-size: 20px;
}

/* ========================
   Bootstrap 3 → 5 호환 클래스
======================== */

/* BS3 .navbar-header float: left 복원 */
.navbar-header {
  float: left;
}

/* col-xs-* → col-* */
.col-xs-1 { flex: 0 0 auto; width: 8.333333%; }
.col-xs-2 { flex: 0 0 auto; width: 16.666667%; }
.col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-4 { flex: 0 0 auto; width: 33.333333%; }
.col-xs-5 { flex: 0 0 auto; width: 41.666667%; }
.col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-7 { flex: 0 0 auto; width: 58.333333%; }
.col-xs-8 { flex: 0 0 auto; width: 66.666667%; }
.col-xs-9 { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.333333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.666667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }

/* panel → card 호환 */
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px !important; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.panel-default { border-color: #ddd; }
.panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-radius: 3px 3px 0 0 !important; }
.panel-body { padding: 15px; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 3px 3px !important; }

/* well */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); }
.well-sm { padding: 9px; border-radius: 3px !important; }
.well-lg { padding: 24px; border-radius: 6px !important; }

/* input-group-addon */
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px !important;
  display: flex;
  align-items: center;
}



/* hidden-xs/sm/md/lg */
@media (max-width: 575px) { .hidden-xs { display: none !important; } }
@media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } }
@media (min-width: 992px) { .hidden-lg { display: none !important; } }

/* visible-xs/sm/md/lg */
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
@media (max-width: 575px) { .visible-xs { display: block !important; } }
@media (min-width: 576px) and (max-width: 767px) { .visible-sm { display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-md { display: block !important; } }
@media (min-width: 992px) { .visible-lg { display: block !important; } }

/* ========================
   Footer
======================== */
.footer-v1 .footer {
  padding: 40px 0;
  background: #272727;
}

.footer-v1 .footer p {
  color: #eee;
}

.footer-v1 .footer h2 {
  color: #eee;
  font-size: 18px;
  font-weight: 200;
}

.footer-v1 .link-list li {
  border-top: solid 1px #353535;
}

.footer-v1 address,
.footer-v1 .link-list a,
.footer-v1 .link-list i {
  color: #eee;
}

.footer-v1 address {
  line-height: 23px;
}

.footer-v1 .list-inline {
  margin-top: 3px;
  margin-bottom: 3px;
}

.footer-v1 .contact li,
.footer-v1 .contact li a {
  color: #758792;
}

.footer-v1 .terms-menu li,
.footer-v1 .terms-menu li a {
  color: #55646e;
}

.footer-v1 .copyright {
  background: #161e23;
  border-top: none;
  padding: 20px 0 10px;
}

.footer-v1 .copyright p {
  color: #eee;
  margin-top: 14px;
}

.footer-v1 .copyright a {
  margin: 0 2px;
}

.footer-v1 .footer-socials {
  margin-top: 12px;
  text-align: right;
}

.footer-v1 .footer-socials li a {
  color: #777;
  font-size: 16px;
}

@media (max-width: 991px) {
  .footer-v1 .copyright,
  .footer-v1 .footer-socials {
    text-align: left;
  }
}

/* ========================
   Wrapper
======================== */
.wrapper {
  background: #fff;
}

/* ========================
   Bootstrap 5 호환 패치
======================== */

/* 100vw / 이미지 overflow로 인한 가로 스크롤 방지
   html에 overflow 적용 시 scroll container가 바뀌어 세로 스크롤이 잘리므로 body에만 적용 */
body {
  overflow-x: clip;
}

/* BS3 .open → BS5 .show: newhome.css의 .dropdown.open 규칙 보완 */
.open > .dropdown-menu {
  display: block;
}
.new-navbar-button .dropdown.show > a {
  background-color: white;
  color: black;
}
.header_new_white .new-navbar-button .dropdown.show > a {
  color: black;
  border-radius: 8px;
  border: 1px solid #D7D7D7;
  background: #E7E7E7;
  display: inline-flex;
  padding: 8px 22px;
  justify-content: center;
  align-items: center;
}

/* BS5 dropdown-menu 위치 보정 */
.navbar-nav .dropdown-menu {
  position: absolute;
}

/* ========================
   BS5 .row > * 오버라이드
   Bootstrap 5는 .row > * { width:100%; max-width:100% }를 기본 적용하여
   newhome.css의 flex 레이아웃(.third_column_container .row 등)을 깨뜨림.
   콘텐츠 기반 너비로 복원.
======================== */
.third_column_container .row > *,
.five_column_container .row > *,
.six_column_container .row > *,
.inner_container .row > * {
  width: auto;
  max-width: none;
  flex-shrink: 1;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

/* .row 자체의 BS5 gutter 제거 및 newhome.css max-width:1300px 미디어 쿼리 오버라이드
   newhome.css: @media (max-width:1300px) { .row { flex-direction: column } } 를 무력화
   단, 1300px 이하(모바일/태블릿)에서는 newhome.css의 column 레이아웃을 허용 */
.third_column_container .row,
.five_column_container .row,
.six_column_container .row,
.inner_container .row {
  margin-left: 0;
  margin-right: 0;
  flex-direction: row !important;
}

@media (max-width: 1300px) {
  .third_column_container .row {
    flex-direction: column !important;
  }
}

/* ========================
   Footer
======================== */

/* '내 프로필' 드롭다운 버튼의 BS5 캐럿 제거 */
#profile.dropdown-toggle::after {
  display: none;
}

/* '내 프로필' 드롭다운 메뉴 오른쪽 정렬 (BS3 dropdown-menu-right → BS5 dropdown-menu-end) */
#profile + .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

/* ========================
   Account 페이지 가로 탭 메뉴 (.iq-account-nav)
   스튜디오 .algo-tabs / .algo-tab-item 과 동일한 스타일
======================== */
.iq-account-nav {
  display: flex;
  flex-direction: row;
  border-bottom: 2px solid rgb(224, 224, 224);
  margin-bottom: 24px;
  padding: 0;
  gap: 0;
}

.iq-account-nav .nav-item {
  list-style: none;
}

.iq-account-nav .nav-link {
  display: block;
  padding: 12px 24px;
  font-size: 1.7rem;
  color: rgb(119, 119, 119);
  text-decoration: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  transition: color 0.15s, border-color 0.15s;
  font-weight: 500;
}

.iq-account-nav .nav-link:hover {
  color: rgb(26, 60, 94);
  border-bottom-color: rgba(26, 60, 94, 0.3);
}

.iq-account-nav .nav-link.active {
  color: rgb(26, 60, 94);
  border-bottom-color: rgb(26, 60, 94);
  font-weight: 700;
}

/* ========================
   Account 공통 섹션 — 인텔리퀀트 브랜드 민트/그린
======================== */

.iq-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.iq-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.025em;
}

.iq-section-point-badge {
  font-size: 1.6rem;
  font-weight: 700;
  color: rgb(26, 60, 94);
  margin-left: 10px;
}

.iq-section-btn {
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  background: rgb(26, 60, 94);
  border: none;
  border-radius: 10px;
  padding: 9px 22px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s;
}

.iq-section-btn:hover {
  background: rgb(20, 48, 76);
  color: #fff;
}

/* 테이블 카드 */
.iq-table-card {
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

.iq-account-table {
  width: 100%;
  border-collapse: collapse;
}

.iq-account-table thead tr {
  border-bottom: 1px solid rgba(26, 60, 94, 0.08);
  background: rgba(26, 60, 94, 0.03);
}

.iq-account-table thead th {
  padding: 14px 24px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #6b7280;
  text-align: left;
  letter-spacing: 0;
}

.iq-account-table thead th.col-center,
.iq-account-table tbody td.col-center {
  text-align: center;
}

.iq-account-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.1s;
}

.iq-account-table tbody tr:last-child {
  border-bottom: none;
}

.iq-account-table tbody tr:hover {
  background: rgba(26, 60, 94, 0.03);
}

.iq-account-table tbody td {
  padding: 16px 24px;
  text-align: left;
  color: #111827;
  font-size: 1.45rem;
  vertical-align: middle;
}

.iq-account-table .point-plus {
  color: #16a34a;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.iq-account-table .point-minus {
  color: #dc2626;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.iq-account-table .point-zero {
  color: #d1d5db;
}

.iq-account-table .status-active {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1.35rem;
  font-weight: 600;
  color: rgb(26, 60, 94);
  background: rgba(26, 60, 94, 0.08);
  border-radius: 20px;
  padding: 4px 12px;
}

.iq-account-table .status-active::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(26, 60, 94);
  flex-shrink: 0;
}

.iq-account-table .status-ended {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1.35rem;
  font-weight: 400;
  color: #9ca3af;
  background: #f9fafb;
  border-radius: 20px;
  padding: 4px 12px;
}

.iq-account-table .status-ended::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
}

.iq-account-table .refund-btn {
  display: inline-block;
  font-size: 1.3rem;
  color: rgb(26, 60, 94);
  background: rgba(26, 60, 94, 0.06);
  border: 1.5px solid rgba(26, 60, 94, 0.2);
  border-radius: 8px;
  padding: 4px 14px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.15s;
}

.iq-account-table .refund-btn:hover {
  background: rgb(26, 60, 94);
  border-color: rgb(26, 60, 94);
  color: #fff;
}

.iq-account-table .refund-disabled {
  font-size: 1.3rem;
  color: #d1d5db;
}

.iq-account-empty {
  text-align: center;
  padding: 80px 0;
  font-size: 1.5rem;
  color: #d1d5db;
}

/* ========================
   Account 페이지 pagination — 에디토리얼 미니멀
======================== */
.iq-account-pagination {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  padding-bottom: 80px;
}

.iq-account-pagination .iq-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

.iq-account-pagination .iq-pagination > li {
  display: flex;
  padding: 0;
  list-style: none;
}

.iq-account-pagination .iq-pagination > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.15s;
}

.iq-account-pagination .iq-pagination > li > a:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #111827;
  text-decoration: none;
}

.iq-account-pagination .iq-pagination > li.active > a {
  background: rgb(26, 60, 94);
  border-color: rgb(26, 60, 94);
  color: #fff;
  font-weight: 600;
}

.iq-account-pagination .iq-pagination > li > a.disabled {
  background: #fff;
  border-color: #f3f4f6;
  color: #d1d5db;
  pointer-events: none;
  cursor: default;
}

/* ========================
   Header Profile Dropdown
======================== */
.new-navbar-button .dropdown-menu {
  min-width: 240px;
  padding: 8px 0;
  border-radius: 14px;
  border: 1px solid #edf0f4;
  box-shadow: 0 8px 32px rgba(26, 60, 94, 0.12), 0 2px 8px rgba(0,0,0,0.06);
  background: #fff;
  margin-top: 8px !important;
}

.new-navbar-button .dropdown-menu > li {
  padding: 0;
}

/* 이름 + 포인트 */
.new-navbar-button .dropdown-menu .name {
  display: block !important;
  padding: 14px 20px 2px;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.01em;
}

/* 이메일 */
.new-navbar-button .dropdown-menu .email {
  display: block !important;
  padding: 2px 20px 10px;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  color: #9ca3af !important;
}

/* 멤버십 배지 */
.new-navbar-button .dropdown-menu #userLevel {
  display: inline-flex !important;
  margin: 0 20px 10px;
  padding: 3px 12px;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: rgb(26, 60, 94) !important;
  background: rgba(26, 60, 94, 0.08);
  border-radius: 20px;
  letter-spacing: 0.04em;
}

/* 구분선 역할 li 앞에 border */
.new-navbar-button .dropdown-menu .divider,
.new-navbar-button .dropdown-menu li.divider {
  border-top: 1px solid #eef0f3;
  margin: 4px 0;
  padding: 0;
}

/* 계정관리 / 로그아웃 공통 */
.new-navbar-button .dropdown-menu a.account,
.new-navbar-button .dropdown-menu a.logout {
  display: block;
  padding: 10px 20px;
  font-size: 1.4rem !important;
  text-decoration: none !important;
  transition: background 0.1s;
}

.new-navbar-button .dropdown-menu a.account {
  color: #374151 !important;
  border-top: 1px solid #eef0f3;
}

.new-navbar-button .dropdown-menu a.account:hover {
  background: rgba(26, 60, 94, 0.04);
  color: rgb(26, 60, 94) !important;
}

.new-navbar-button .dropdown-menu a.logout {
  color: rgb(26, 60, 94) !important;
  font-weight: 600 !important;
}

.new-navbar-button .dropdown-menu a.logout:hover {
  background: rgba(26, 60, 94, 0.04);
}

/* Glyphicons (Bootstrap 3 제거 후 폰트만 별도 유지) */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-ok:before { content: "\e013"; }
.glyphicon-trash:before { content: "\e020"; }
.glyphicon-exclamation-sign:before { content: "\e101"; }

/* ---- Error Pages ---- */
.error-v1 {
  padding-top: 80px;
  padding-bottom: 30px;
  text-align: center;
}
.error-v1 p {
  color: #555;
  font-size: 16px;
}
.error-v1 span {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200;
}
.error-v1 span.error-v1-title {
  color: #777;
  font-size: 180px;
  line-height: 200px;
  padding-bottom: 20px;
}
@media (max-width: 500px) {
  .error-v1 p { font-size: 12px; }
  .error-v1 span { font-size: 25px; }
  .error-v1 span.error-v1-title { font-size: 140px; }
}