:root { --bo-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } html body, body .btn, body .form-control, body input, body select, body textarea, body button, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, body .nav, body .navbar, body .dropdown-menu, body .panel, body .modal, body .popover, body .tooltip, body .table, body label, body .label, body .badge { font-family: var(--bo-font-sans) !important; } body .table, body table.dataTable, body .text-right, body .amount, body .money, body .num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .table-fixed { table-layout: fixed; } .td50px { width: 50px !important; } .td60px { width: 60px !important; } .td75px { width: 75px !important; } .td85px { width: 85px !important; } .td100px { width: 100px !important; } .td125px { width: 125px !important; } .td33perc_first { width: 33.33%; text-align: left !important; } .td33perc_last { width: 33.33%; text-align: right !important; } .captcha-cnt { width: 304px; margin: auto; } input[type="radio"], input[type="checkbox"] { margin: 6px 0 0; } .main-content { min-height: 950px; } .table-responsive { } .text-icon { width: 45px !important; text-align: center !important; } @media (min-width: 1200px) { .modal-xlg { width: 1100px; } } #dataConcepts_wrapper table tr, #dataCustomers_wrapper table tr { cursor: pointer; } .tbodydata tr td { text-align: center !important; } span.form-control { border: 0px !important; } .dataTables_processing { font-family: 'Inter', sans-serif; font-size: 13px !important; color: #dd6777 !important; padding: 20px !important; font-weight: 600; } .tbodydata .input-group { width: 100%; } .tbodydata .input-group .input-group-btn { text-align: left; width: 1%; } .content-footer .status-li .status-online, .content-footer .status-li .status-away, .content-footer .status-li .status-no-disturb, .content-footer .status-li .status-invisible, .content-footer .status-li .status-offline { margin-right: 0.3125rem; display: inline-block; background-color: #e2e2e2; width: 0.5rem; height: 0.5rem; border: 0.0625rem solid #e2e2e2; border-radius: 0.5rem; margin-bottom: 1px; } .content-footer .status-li .status-online { border-color: #6FC080; background-color: #6FC080; } .content-footer .status-li .status-away { border-color: #F2B776; background-color: #F2B776; } .content-footer .status-li .status-no-disturb { border-color: #DD6777; background-color: #DD6777; } .content-footer .status-li .status-invisible, .content-footer .status-li .status-offline { border-color: #6FC080; background-color: white; } .layout-small-menu .sidebar-panel > nav li ul li h5 { padding-left: 0.9375rem; white-space: nowrap; text-align: left !important; } div.dt-buttons { position: relative; float: right; } a.dt-button { margin: 0 0 5px 5px; } .datatable tbody tr.act { } .text-left { text-align: left !important; } input.contable { text-align: right; } .table tr td.group { font-weight: bold; background-color: #f9f9f9; } table { font-size: 0.6825rem !important; line-height: 1.53846; } .table tr td.group-two { font-weight: bold; background-color: #a72f5c; color: #FFF; } .nobreak { page-break-inside: avoid; } .body-white { background: #FFF !important; } table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { line-height: 1.53846; margin: 0 0 0 3px; } .form-horizontal .control-label-center { padding-top: 7px; margin-bottom: 0; text-align: center; } .padding-5 { padding: 5px !important; } .sidebar-panel > nav ul > li.open > a > span { font-weight: 600; } .td33perc { width: 33.33%; } .td30perc { width: 30%; } .td32perc { width: 32%; } .td25perc { width: 25%; } .td50perc { width: 50%; } .td20perc { width: 20%; } .td16perc { width: 16.66%; } .td18perc { width: 18%; } .td15perc { width: 15%; } .td14perc { width: 14%; } .td10perc { width: 10%; } .td40perc { width: 40%; } .td5perc { width: 5%; } .td7perc { width: 7%; } .m-a-5 { margin: 5px !important; } .m-btn { margin: 4px 0 4px 0 !important; } .m-l-5 { margin-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } .m-a-5-nl { margin: 5px 0 5px 5px !important; } .brand .brand-logo { font-size: 0.775rem !important; color: #d83348 !important; } .bg-success-light { background-color: #81c890 !important; } .bg-success-lighter { background-color: #92d09f !important; } .sidebar-panel > nav li ul li h5 { padding: 0.625rem 1.563rem 0.625rem 3.588rem; margin: 0; } .p-b-5 { padding-bottom: 5px; } .note-editing-area { margin: 5px 0; } .note-editable { padding: 6px 12px; } .div-overflow { overflow-y: hidden; overflow-x: auto; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle !important; } .p-5 { padding: 5px !important; } .m-t-2 { margin-top: 2px !important; } .m-t4 { margin-top: 4px !important; } .m-t3 { margin-top: 3px !important; } .itinerary-main { width: 1000px; margin: 50px auto; } .itinerary-main-sm { width: 1000px; margin: 15px auto; } .p-t-b-5 { padding-top: 5px !important; padding-bottom: 5px !important; } input.form-money { text-align: right; } table.print td { font-size: 0.7825rem !important; } table.print th { font-weight: bold !important; } .keep-together { page-break-inside: avoid; } .break-before { page-break-before: always; } .break-after { page-break-after: always; } .no-border td { border: 0 !important; } .pay-cc { margin-top: 10px !important; margin-right: 10px !important; max-width: 27px; } .voucher-table { border-width: 5px !important; } .voucher-table tr td { border-width: 5px !important; } .text-code { width: 8% !important; text-align: center !important; } .chosen-container-multi .chosen-choices { padding: 0.165rem 0.75rem; } .note-border .note-editor { border: #e4e4e4 solid 1px; border-radius: 0; overflow: visible; margin-right: 6px; margin-left: 6px; } .remove-comment { margin-top: -5px; margin-right: -5px; } #place-autocomplete-card { background-color: #fff; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 10px; padding: 5px; font-family: 'Inter', sans-serif; font-size: 16px; } gmp-place-autocomplete { width: 350px; } #infowindow-content .title { font-weight: bold; } #map #infowindow-content { display: inline; } .daterangepicker .glyphicon-arrow-left, .daterangepicker .glyphicon-arrow-right { font-family: "FontAwesome" !important; } .daterangepicker .glyphicon-arrow-left:before { content: "\f060"; } .daterangepicker .glyphicon-arrow-right:before { content: "\f061"; } .bg-filesearch-li { display: inline-flex; align-items: center; align-self: center; height: auto; padding: 8px 14px; vertical-align: middle; } .bg-filesearch { position: relative; display: inline-flex; align-items: center; vertical-align: middle; } .bg-filesearch-ico { position: absolute; left: 16px; top: 50%; margin-top: -8px; width: 16px; height: 16px; font-size: 15px; line-height: 16px; text-align: center; color: rgba(255, 255, 255, .8); pointer-events: none; transition: color .15s ease; } .bg-filesearch-ico.bo-spinner { box-sizing: border-box; width: 16px !important; height: 16px !important; margin-top: -8px; transform-origin: 50% 50%; } .bg-filesearch-input { width: 320px; max-width: 42vw; height: 38px; line-height: 38px; padding: 0 14px 0 42px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 20px; outline: 0; box-sizing: border-box; background: rgba(255, 255, 255, .18); color: #fff; font-size: 13px; transition: background .18s ease, width .18s ease, box-shadow .18s ease, border-color .18s ease; } .bg-filesearch-input::placeholder { color: rgba(255, 255, 255, .78); } .bg-filesearch-input:focus { background: #fff; color: #333; width: 400px; border-color: #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, .22); } .bg-filesearch:focus-within .bg-filesearch-ico { color: var(--bo-primary, #d83348); } .bg-filesearch-input.valid, .bg-filesearch-input.error { border-color: rgba(255, 255, 255, .35); box-shadow: none; } .bg-filesearch-input.valid:focus { border-color: #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, .22); } .bg-filesearch-panel { display: none; position: absolute; top: 48px; left: 0; z-index: 1050; width: 440px; max-width: 80vw; max-height: 62vh; overflow-y: auto; background: #fff; border: 1px solid #e8eaed; border-radius: 12px; box-shadow: 0 14px 38px rgba(0, 0, 0, .20); padding: 6px; } .bg-filesearch-panel.show { display: block; } .bg-fs-item { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 8px; text-decoration: none; color: #333; cursor: pointer; } .bg-fs-item:hover, .bg-fs-item.active { background: #f4f6f8; } .bg-fs-code { font-weight: 700; color: var(--bo-primary, #d83348); white-space: nowrap; font-size: 12px; background: rgba(216, 51, 72, .10); padding: 2px 8px; border-radius: 6px; } .bg-fs-main { flex: 1 1 auto; font-size: 12.5px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-fs-cust { font-size: 11px; color: #8a8f98; white-space: nowrap; } .bg-fs-empty { padding: 16px 14px; color: #9aa0a6; font-size: 13px; text-align: center; } .sidebar-panel .sub-menu a.bg-nav-current-item { font-weight: 400 !important; color: #2c3038 !important; background: #eceef1; } .bg-breadcrumb { display: none; } .bg-list { display: flex; flex-direction: column; } .bg-list-row { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-bottom: 1px solid #f0f1f3; text-decoration: none; color: #333; } .bg-list-row:last-child { border-bottom: 0; } .bg-list-row:hover { background: #f7f8fa; } .bg-list-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; } .bg-list-title { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-list-title a { color: #2b2e33; } .bg-list-meta { font-size: 11.5px; color: #8a95a5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-list-badge { font-weight: 700; font-size: 12px; color: var(--bo-primary, #d83348); white-space: nowrap; } .bg-list-tag { font-size: 11px; color: #66707c; background: #eef0f3; border-radius: 10px; padding: 2px 9px; white-space: nowrap; } .bg-list-tag.overdue { color: #fff; background: var(--bo-primary, #d83348); } .bg-list-check { flex: 0 0 auto; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #3fae5a; font-size: 15px; } .bg-list-check:hover { background: rgba(63, 174, 90, .12); } .bg-list-empty { padding: 16px; text-align: center; color: #9aa3ad; font-size: 13px; } .tbodydata img, img.bg-list-thumb { max-height: 42px; max-width: 62px; width: auto; height: auto; border-radius: 4px; vertical-align: middle; } .bg-section-title { margin: 20px 0 12px; padding-bottom: 8px; font-size: 15px; font-weight: 600; color: #4a4f57; border-bottom: 1px solid #e6e8eb; } .bg-ai { position: fixed; right: 22px; bottom: 22px; z-index: 1080; } .bg-ai-fab { width: 52px; height: 52px; border: 0; border-radius: 50%; background: var(--bo-primary, #d83348); color: #fff; font-size: 19px; box-shadow: 0 6px 20px rgba(0, 0, 0, .25); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; line-height: 0; } .bg-ai-fab svg { width: 28px; height: 28px; display: block; } .bg-ai-panel { display: none; position: absolute; right: 0; bottom: 64px; width: 350px; max-width: 88vw; height: 470px; max-height: 72vh; background: #fff; border-radius: 12px; box-shadow: 0 12px 44px rgba(0, 0, 0, .3); overflow: hidden; flex-direction: column; } .bg-ai.show .bg-ai-panel { display: flex; } .bg-ai-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--bo-primary, #d83348); color: #fff; font-weight: 600; } .bg-ai-close { color: #fff; font-size: 20px; text-decoration: none; line-height: 1; } .bg-ai-close:hover, .bg-ai-close:focus { color: #fff; opacity: .85; text-decoration: none; } .bg-ai-body { flex: 1 1 auto; overflow-y: auto; padding: 14px; font-size: 13px; background: #f7f8fa; } .bg-ai-msg { margin-bottom: 10px; padding: 9px 12px; border-radius: 10px; max-width: 86%; white-space: pre-wrap; line-height: 1.45; } .bg-ai-msg.user { margin-left: auto; background: var(--bo-primary, #d83348); color: #fff; } .bg-ai-msg.bot { background: #fff; border: 1px solid #e6e8eb; color: #333; white-space: normal; } .bg-ai-msg.bot ul.bg-ai-ul { margin: 6px 0; padding-left: 18px; } .bg-ai-msg.bot ul.bg-ai-ul li { margin: 2px 0; } .bg-ai-msg.bot div + div { margin-top: 3px; } .bg-ai-msg.bot strong { font-weight: 600; } .bg-ai-foot { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #eee; } .bg-ai-input { flex: 1 1 auto; border: 1px solid #dfe2e6; border-radius: 18px; padding: 8px 14px; outline: 0; font-size: 13px; } .bg-ai-send { border: 0; background: var(--bo-primary, #d83348); color: #fff; border-radius: 50%; width: 36px; height: 36px; cursor: pointer; } .btn.btn-spinning, .btn-spinning { color: transparent !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 50 50'><circle cx='25' cy='25' r='20' fill='none' stroke='%23ffffff' stroke-opacity='0.35' stroke-width='8'/><circle cx='25' cy='25' r='20' fill='none' stroke='%23ffffff' stroke-width='8' stroke-linecap='round' stroke-dasharray='31 200'><animateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/></circle></svg>") !important; background-repeat: no-repeat !important; background-position: left 12px center !important; background-size: 16px 16px !important; transition: none !important; } .card { margin-bottom: 0.375rem; } .card-block { padding: 0.625rem; } .card-block.p-b-0 { padding-bottom: 0; } .card-header { padding: 0.375rem 0.625rem; } .no-more-tables { overflow-x: visible; } .no-more-tables .table-responsive { overflow-x: auto; max-width: 100%; } .no-more-tables table.dataTable, .no-more-tables table.table { font-size: 11px; width: 100% !important; max-width: 100%; box-sizing: border-box; } .no-more-tables table.dataTable > thead > tr > th, .no-more-tables table.table > thead > tr > th { width: auto !important; padding: 6px 4px !important; white-space: nowrap; font-size: 10px; letter-spacing: .2px; } .no-more-tables table.dataTable > tbody > tr > td, .no-more-tables table.table > tbody > tr > td { padding: 5px 4px !important; white-space: normal; overflow-wrap: break-word; } #edittbl input.displayorder { max-width: 52px; text-align: center; } #edittbl input.rooming { max-width: 74px; text-align: right; } #edittbl input.costrate, #edittbl input.total { max-width: 88px; text-align: right; } #edittbl select.cost-currency { min-width: 94px; max-width: 104px; } .dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span { color: #333 !important; } .dataTables_paginate .pagination > li.active > a, .dataTables_paginate .pagination > li.active > a:hover, .dataTables_paginate .pagination > li.active > a:focus, .dataTables_paginate .pagination > li.active > span { color: #fff !important; } .dataTables_paginate .pagination > li.disabled > a { color: #b9bcc0 !important; } .dataTables_paginate .pagination > li > a:hover { color: #000 !important; } body .form-control { transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } body .form-control:focus { border-color: var(--bo-primary) !important; box-shadow: 0 0 0 3px var(--bo-primary-soft) !important; outline: 0; } body .form-control:hover:not(:focus):not([disabled]):not([readonly]) { border-color: #c7ccd1; } body .chosen-container-active .chosen-single, body .chosen-container-active.chosen-with-drop .chosen-single, body .chosen-container-active .chosen-choices { border-color: var(--bo-primary) !important; box-shadow: 0 0 0 3px var(--bo-primary-soft) !important; } body .btn:focus-visible, body a.btn:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--bo-primary-soft) !important; } body .has-error .form-control:focus { border-color: #d9534f !important; box-shadow: 0 0 0 3px rgba(217, 83, 79, .18) !important; } body .has-warning .form-control:focus { border-color: #f0ad4e !important; box-shadow: 0 0 0 3px rgba(240, 173, 78, .18) !important; } body .has-success .form-control:focus { border-color: #5cb85c !important; box-shadow: 0 0 0 3px rgba(92, 184, 92, .18) !important; } @media (max-width: 47em) { .no-more-tables table.dataTable > tbody > tr { display: block; border: 1px solid #e4e4e4; border-radius: 6px; margin-bottom: 10px; overflow: hidden; } .no-more-tables table.dataTable > tbody > tr > td { display: flex !important; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 12px !important; text-align: right; border: 0 !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 13px !important; } .no-more-tables table.dataTable > tbody > tr > td:last-child { border-bottom: 0 !important; } .no-more-tables table.dataTable > tbody > tr > td[data-title]:before { content: attr(data-title); position: static !important; top: auto !important; left: auto !important; width: auto !important; flex: 0 0 auto; text-align: left; white-space: nowrap; font-weight: 700; color: #6b7280; } .no-more-tables table.dataTable > tbody > tr > td:not([data-title]) { justify-content: center; text-align: center; } .no-more-tables table.dataTable > tbody > tr > td:not([data-title]):before { content: "" !important; display: none !important; } } @media (max-width: 767px) { .card-block .form-horizontal .form-group { margin-left: 0; margin-right: 0; } } .no-more-tables .dataTables_wrapper:not(:has(.table-responsive)) { overflow-x: auto; } .nav-tabs:has(> li.pull-right) { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; overflow-x: auto; } .nav-tabs:has(> li.pull-right) > li { float: none; flex: 0 0 auto; padding-left: 0; padding-right: 0; } .sidebar-panel nav li > a { white-space: nowrap; } .sidebar-panel nav li > a > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } * { scrollbar-width: thin; scrollbar-color: #c2c8ce transparent; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #c2c8ce; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; } ::-webkit-scrollbar-thumb:hover { background: #a7aeb6; background-clip: padding-box; } ::-webkit-scrollbar-corner { background: transparent; }