input[type="password"] {font-family: sans-serif !important;}  .menu-font {font-size: large !important;}  .card-item-row {display: flex;justify-content: space-between;}  .card-item-left {text-align: left;}  .card-item-right {text-align: right;margin-left: auto;}  .green-icon { /*color: green !important;*/}  .blue-icon { /*color: royalblue !important;*/}  .yellow-icon { /*color: yellow !important;*/}  .red-icon { /*color: red !important;*/}  .pagination {margin-top: 10px;}  .custom-margin-right {margin-right: 10px;}  .custom-margin-left {margin-left: 10px;}  .custom-margin-bottom {margin-bottom: 10px;}  .custom-btn {background-color: transparent;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0.25rem;padding: 0.5rem 1rem;font-size: 1.25rem;display: flex;justify-content: center;align-items: center;transition: background-color 0.3s ease, border-color 0.3s ease;box-shadow: none;}  .custom-btn:hover, .custom-btn:focus {background-color: rgba(0, 0, 0, 0.05);border-color: rgba(0, 0, 0, 0.2);outline: none;}  .custom-btn:active {background-color: rgba(0, 0, 0, 0.1);border-color: rgba(0, 0, 0, 0.3);}  .custom-btn i {color: #333;transition: color 0.3s ease;}  .custom-btn:hover i {color: #000;}  [data-bs-theme="dark"] .custom-btn {background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .custom-btn:hover, [data-bs-theme="dark"] .custom-btn:focus {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.2);}  [data-bs-theme="dark"] .custom-btn:active {background-color: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.3);}  [data-bs-theme="dark"] .custom-btn i {color: #ccc;}  [data-bs-theme="dark"] .custom-btn:hover i {color: #fff;}  .navbar {background-color: #ffffff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease, border-bottom 0.3s ease;}  .navbar .nav-link, .navbar .navbar-brand {color: #495057;}  .navbar .nav-link:hover, .navbar .navbar-brand:hover {color: #212529;}  [data-bs-theme="dark"] .navbar {background-color: #343a40;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}  [data-bs-theme="dark"] .navbar .nav-link, [data-bs-theme="dark"] .navbar .navbar-brand {color: #ced4da;}  [data-bs-theme="dark"] .navbar .nav-link:hover, [data-bs-theme="dark"] .navbar .navbar-brand:hover {color: #e9ecef;}  [data-bs-theme="dark"] .navbar .custom-btn {background-color: #495057;color: #e9ecef;}  [data-bs-theme="dark"] .navbar .custom-btn:hover {background-color: #343a40;}  [data-bs-theme="light"] .navbar .custom-btn {background-color: #f1f3f5;color: #343a40;}  [data-bs-theme="light"] .navbar .custom-btn:hover {background-color: #e9ecef;}  .support-api-progress-bar-location {bottom: 20px;right: 20px;}  .support-to-the-top {color: inherit;text-decoration: none;}  #wrapper {min-height: calc(100vh - 100px);}  footer {height: 100px;}  .ci-logo {height: 30px;}  .chat-room-message-for-me {background-color: transparent !important;word-break: break-word;}  .chat-room-message-for-others {background-color: transparent !important;word-break: break-word;}  .chat-room-message {display: flex;align-items: flex-start;}  .chat-room-message-thumbnail-for-me {min-width: 30px;min-height: 30px;border-radius: 5px;}  .chat-room-message-thumbnail-for-others {min-width: 30px;min-height: 30px;border-radius: 5px;}  .chat-room-message-thumbnail {width: 30px;height: 30px;border-radius: 5px;}  .chat-room-message-content {min-width: 270px;}  .chat-room-message-for-me .card-item-row div {display: inline-block;padding: 5px;border-radius: 5px;}  .chat-room-message-for-others .card-item-row div {display: inline-block;padding: 5px;border-radius: 5px;}  .chat-room-thumbnails {min-width: 120px;max-width: 120px;}  .chat-room-thumbnail-for-account {display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;background-color: rgba(242, 242, 247, 0.6) !important;border-radius: 5px;}  @media screen and (max-width: 500px) {  .chat-room-thumbnails {min-width: 65px;max-width: 65px;}  .chat-room-thumbnail-for-account {width: 25px;height: 25px;}  }  .profile-picture-for-my-account {display: flex;align-items: center;justify-content: center;width: 120px;height: 120px;background-color: rgba(242, 242, 247, 0.6) !important;border-radius: 5px;}  @media screen and (max-width: 500px) {  .profile-picture-for-my-account {display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;background-color: rgba(242, 242, 247, 0.6) !important;border-radius: 5px;}  }  .chat-bubble {position: relative;padding: 5px 5px;border-radius: 15px;font-size: 13px;line-height: 1.4;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}  .chat-bubble-left {background-color: #E5E5EA;color: #000000;margin-right: auto;border-bottom-left-radius: 0;}  .chat-bubble-left:after {content: "";position: absolute;left: -10px;bottom: 0;width: 15px;height: 15px;background-color: #E5E5EA;border-radius: 0 0 15px 0;clip-path: polygon(100% 0, 100% 100%, 0 100%);}  .chat-bubble-right {background-color: #0B93F6;color: white;margin-left: auto;border-bottom-right-radius: 0;}  .chat-bubble-right:after {content: "";position: absolute;right: -10px;bottom: 0;width: 15px;height: 15px;background-color: #0B93F6;border-radius: 0 0 0 15px;clip-path: polygon(0 0, 100% 100%, 0 100%);}  .chat-container {width: 100%;max-width: 500px;margin: 0 auto;padding: 20px;box-sizing: border-box;}  .custom-dropdown-btn {height: 38px;}  .chat-room-web-rtc-element {height: 250px;width: 350px;}  .chat-room-expand-video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 9999;pointer-events: auto; /* 이 요소는 클릭 가능 */}  .chat-room-expanded-video-container {position: relative;width: 80%;height: 80%;background: gray;border-radius: 4px;display: flex;flex-direction: column;}  .chat-room-expanded-profile-picture {width: 100px;height: 100px;}  .chat-room-video-element {width: calc(100% - 8px);height: calc(100% - 48px);margin: 4px;object-fit: cover;position: absolute;top: 40px;left: 0;}  .main-item-left {font-size: 13px;}  .main-item-right {font-size: 10px;}  .toastui-editor-main.toastui-editor-md-mode {background: white !important;}  #toastuiLinkUrlInput, #toastuiAltTextInput, #toastuiLinkTextInput {background-color: white !important;}  .row-no-margin-left {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-right: calc(-.5 * var(--bs-gutter-x));}  [data-bs-theme="dark"] .datepicker-cell.range {background-color: #8fa0a7;border-radius: 0;}  [data-bs-theme="dark"] .custom-viewer * {color: #fff;}
