| /* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */ |
| html, body { |
| height: 100%; |
| margin: 0; |
| font-family: Arial, Helvetica, sans-serif; |
| overflow-y: hidden; |
| } |
| .main-loader { |
| height: 100%; |
| } |
| .main-container { |
| height: calc(100% - var(--header-height)); |
| } |
| .main { |
| height: 100%; |
| } |
| .signin .oauth-section { |
| padding-bottom: 20px; |
| } |
| .signin .oauth-section .provider { |
| background-position: 0 0; |
| background-size: 24px; |
| background-repeat: no-repeat; |
| height: 24px; |
| display: inline-block; |
| padding-left: 20px; |
| vertical-align: bottom; |
| } |
| .signin .or-seperator { |
| margin-top: 20px; |
| text-align: center; |
| border-top: 1px solid #cccccc; |
| } |
| .signin .or-seperator i { |
| padding: 0 10px; |
| background: #ffffff; |
| position: relative; |
| top: -11px; |
| z-index: 1; |
| } |
| .signin-forget .form-check-label { |
| padding-right: 10px; |
| } |
| #header { |
| font-size: 28px; |
| line-height: 40px; |
| font-weight: bold; |
| background-image: url(images/logo.png); |
| background-repeat: no-repeat; |
| padding-left: 80px; |
| margin-left: 20px; |
| height: var(--header-height); |
| } |
| #topLinks { |
| position: absolute; |
| top: 10px; |
| right: 10px; |
| } |
| |
| #topLinks span { |
| padding-right: 5px; |
| padding-left: 5px; |
| border-right: 1px solid black; |
| white-space: nowrap; |
| } |
| |
| #topLinks span:last-child { |
| border-right: none; |
| } |
| #busy-indicator { |
| display: none; |
| z-index: 1000; |
| position: absolute; |
| right: 0; |
| margin: 2px; |
| font-size: 2em; |
| line-height: 1.2em; |
| } |
| .clickable { |
| cursor: pointer; |
| } |
| .help.support h3 { |
| margin-bottom: 5px; |
| } |
| .profile-panel { |
| height: calc(100% - 10px); |
| overflow-y: auto; |
| padding: 5px; |
| } |
| #searchUsersTable.list-table { |
| max-width: 100%; |
| height: calc(100% - 50px); |
| } |
| .pagedEntityListPanel, .addLanguagePanel { |
| margin-left: 2px; |
| display: inline-block; |
| } |
| .pagedEntityListPanel .pagination { |
| display: inline-block; |
| } |
| .searchForm { |
| display: inline-block; |
| vertical-align: top; |
| } |
| .searchForm input[type="button"] { |
| padding: .2em .5em; |
| font-size: smaller; |
| } |
| .pagedEntityListPanel select, .adminForm .pagedEntityListPanel select { |
| padding: 0px 0px; |
| border: solid 1px #aacfe4; |
| width: 60px; |
| font-size: 12px; |
| display: inline; |
| float: none; |
| } |
| .searchForm input[type="text"], .adminForm .searchForm input[type="text"] { |
| width: 140px; |
| float: none; |
| display: inline-block; |
| } |
| .searchForm input[type="submit"], .adminForm .searchForm input[type="submit"] { |
| width: auto; |
| float: none; |
| display: inline-block; |
| border: 2px outset buttonface; |
| padding: 1px 6px; |
| font-size: 12px; |
| } |
| .pagedEntityListPanel input, .adminForm .pagedEntityListPanel input { |
| font-size: 14px; |
| padding: 0px 0px; |
| border: solid 1px #aacfe4; |
| width: 100px; |
| height: 20px; |
| margin: 2px 2px; |
| display: inline; |
| float: none; |
| } |
| .centered { |
| text-align: center; |
| } |
| .goto, .goto :link, .goto :hover { |
| font-size: 14px; |
| line-height: 14px; |
| text-decoration: none; |
| text-align: center; |
| vertical-align: middle; |
| min-width: 16px; |
| } |
| .goto.icon { |
| display: inline-block; |
| width: 16px; |
| height: 16px; |
| border: none; |
| margin: 0px; |
| padding: 0px; |
| zoom: 1.2; |
| } |
| .ui-dialog { |
| box-shadow: 3px 3px 4px #000; |
| } |
| .start_step1, .start_step2, .start_step3, .start_step4 { |
| margin: 5px 0px 5px 0px; |
| } |
| .start_step2 { |
| margin-left: 20px; |
| } |
| .start_step3 { |
| margin-left: 40px; |
| } |
| .start_step4 { |
| margin-left: 60px; |
| } |
| .widget { |
| width: 100%; |
| } |
| .widget td { |
| min-width: 150px; |
| } |
| #contents { |
| height: calc(100% - var(--menu-height)); |
| } |
| #feedcontainer { |
| overflow: auto; |
| } |
| #feeds .card .card-body, .text-pre { |
| white-space: pre; |
| } |
| .align-left { |
| float: left; |
| } |
| .align-right { |
| float: right; |
| } |
| .clear { |
| clear: both; |
| } |
| .om-icon { |
| background-repeat: no-repeat !important; |
| background-position: 0 0 !important; |
| background-size: 16px; |
| width: 18px; |
| height: 18px; |
| border: none; |
| margin-left: 2px; |
| margin-top: 2px; |
| display: inline-block; |
| position: relative; |
| } |
| .om-icon.big { |
| width: 34px; |
| height: 34px; |
| } |
| .om-icon::before { |
| font-family: 'Font Awesome 5 Free'; |
| font-weight: 900; |
| color: var(--secondary); |
| font-size: 1.2em; |
| vertical-align: text-bottom; |
| line-height: 1em; |
| } |
| .om-icon.big::before { |
| font-size: 2.0em; |
| line-height: 1.2em; |
| } |
| .add.om-icon::before { |
| content: '\f055'; |
| } |
| .online.om-icon::before { |
| color: var(--success); |
| content: '\f111'; |
| } |
| .offline.om-icon::before { |
| color: var(--danger); |
| content: '\f111'; |
| } |
| .message { |
| margin: 50px; |
| border: 1px solid black; |
| padding: 15px; |
| border-radius: 8px; |
| } |
| .private.message.body { |
| border: 0; |
| margin: 0; |
| padding: 0; |
| } |
| .private.message.body .quote { |
| border-left: 1px solid #cccccc; |
| margin-left: 10px; |
| padding-left: 10px; |
| } |
| table.messages { |
| width: 100%; |
| min-height: 500px; |
| } |
| table.messages td.side, table.messages td.main { |
| vertical-align: top; |
| } |
| table.messages td.side.left { |
| min-width: 150px; |
| overflow-x: hidden; |
| } |
| table.messages td.side.right { |
| min-width: 200px; |
| overflow-x: hidden; |
| } |
| table.messages td.side.right .del-contact { |
| padding: 0; |
| margin: 0; |
| height: 16px; |
| width: 16px; |
| position: relative; |
| } |
| table.messages td.side.right .del-contact i { |
| position: absolute; |
| top: 1px; |
| left: 3px; |
| } |
| table.messages td.main { |
| width: 100%; |
| } |
| table.messages td.from, table.messages td.subject { |
| overflow-wrap: break-word; |
| } |
| .email { |
| background-repeat: no-repeat !important; |
| background-position: 5px 3px !important; |
| background-size: 16px 16px !important; |
| padding-top: 2px; |
| display: block; |
| text-align:left; |
| } |
| .email.selected { |
| border: 1px solid #cccccc; |
| background-color:var(--light); |
| } |
| .email.folder { |
| font-weight: normal; |
| position: relative; |
| } |
| .email.folder .delete { |
| position:absolute; |
| right: 2px; |
| top: 2px; |
| font-weight: normal; |
| padding: 0; |
| display: inline-block; |
| background-position: 0; |
| width: 18px; |
| height: 18px; |
| } |
| .email.folder .delete i { |
| top: 2px; |
| position: absolute; |
| left: 4px; |
| } |
| .messages.column.label { |
| width: 20px; |
| min-height: inherit; |
| } |
| input[type="text"].messages.text { |
| width: 100%; |
| } |
| textarea.messages.body { |
| width: 100%; |
| height: 300px; |
| } |
| select.messages.selector { |
| width: 220px; |
| } |
| .info-title { |
| background-image: url(images/information.png); |
| background-repeat: no-repeat; |
| width: 16px; |
| height: 16px; |
| display: inline-block; |
| margin-left: 10px; |
| } |
| #messagesTable tr.selected { |
| background-color: #d7ebf9; |
| } |
| #messagesTable tr.unread { |
| font-weight: bold; |
| } |
| .fht-tbody { |
| background-color: white; |
| } |
| #ui-datepicker-div { |
| z-index: 100 !important; |
| } |
| .room-list .room-row button.refresh { |
| padding: 0 0.25rem; |
| } |
| .room-list .room-row button.enter { |
| position: absolute; |
| right: 10px; |
| top: 10px; |
| } |
| .select2-results .user.external, .select2-selection .user.external |
| , .select2-results .user.internal, .select2-selection .user.internal { |
| padding-left: 18px; |
| background-repeat: no-repeat; |
| background-position: 0px 2px; |
| } |
| .select2-results .user.external, .select2-selection .user.external { |
| background-image: url(images/user_go.png); |
| } |
| .select2-results .user.internal, .select2-selection .user.internal { |
| background-image: url(images/user.png); |
| } |
| .om-select2 .select2.select2-container { |
| max-height: 80px; |
| overflow-y: auto; |
| width: 100% !important; |
| } |
| .om-select2.full-width .select2.select2-container { |
| width: 100% !important; |
| } |
| .recording-panel { |
| display: flex; |
| height: 100%; |
| } |
| .recording-panel .file-tree { |
| height: 100%; |
| } |
| .recording-panel .tree-panel { |
| height: calc(100% - var(--info-height)); |
| } |
| .recording-panel .file-tree |
| , .recording-panel .tree-panel |
| , .recording-panel .info |
| { |
| width: 325px; |
| } |
| .recording-panel .info .details .value { |
| padding: 0; |
| overflow: hidden; |
| white-space: nowrap; |
| text-overflow: ellipsis; |
| } |
| .recording-panel .file-tree .info { |
| height: var(--info-height); |
| } |
| .recording-panel .video { |
| width: 100%; |
| display: inline-block; |
| box-shadow: 0 0 10px 1px rgba(74, 137, 151, 0.5); |
| } |
| .recording-panel .video video { |
| width: 100%; |
| } |
| .page.recording-panel { |
| padding-top: 40px; |
| } |
| .page.recording-panel .video, .page.recording-panel .info { |
| display: inline-block; |
| float: left; |
| padding-left: 20px; |
| } |
| .page.recording-panel .video { |
| min-width: 400px; |
| } |
| .rooms-header { |
| min-height: var(--rooms-header-height); |
| max-height: var(--rooms-header-height); |
| height: var(--rooms-header-height); |
| } |
| #orgTabs, .rooms-area { |
| height: calc(100% - var(--rooms-header-height) - var(--buffer-size)); |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| .rooms-area { |
| display: flex; |
| } |
| #orgTabs .tab-content { |
| display: flex; |
| padding-bottom: 0; |
| height: calc(100% - var(--tabs-height)); |
| padding-top: 0; |
| } |
| .rooms-table { |
| display: inline-block; |
| min-width: 415px; |
| height: 100%; |
| overflow-y: auto; |
| } |
| .rooms-table .room-row .container { |
| margin: 0; |
| } |
| .rooms.title { |
| font-weight: bold; |
| padding: 10px; |
| padding-bottom: 0; |
| } |
| .rooms.desc { |
| margin: 10px; |
| max-width: 900px; |
| } |
| .overflow-y-auto { |
| overflow-y: auto; |
| } |
| .overflow-x-hidden { |
| overflow-x: hidden; |
| } |
| .user.info.panel legend { |
| font-style: italic; |
| text-align: right; |
| } |
| .user.info.panel fieldset table, .user.info.panel fieldset table textarea { |
| width: 100%; |
| } |
| #topControls #wicketDebugBar { |
| right: initial; |
| top: initial; |
| z-index: 2; |
| bottom: 0; |
| position: fixed; |
| } |
| .profile { |
| position: relative; |
| } |
| .profile img { |
| width: 125px; |
| } |
| .date.time.picker { |
| font-size: 12px; |
| } |
| .profile .remove { |
| position: absolute; |
| right: 5px; |
| top: 5px; |
| border: 1px solid #cccc; |
| padding: 0px 7px; |
| } |
| .room.list.container { |
| height: 150px; |
| max-height: 150px; |
| overflow-y: auto; |
| border: 1px solid #cccccc; |
| } |
| .no-close .ui-dialog-titlebar-close { |
| display: none; |
| } |
| .table, .msg-row { |
| position: relative; |
| } |
| .table .column { |
| display: inline-block; |
| margin-bottom: 5px; |
| min-height: auto; /* IE */ |
| min-height: initial; |
| float: none; |
| margin-right: 0; |
| } |
| .table .column.label { |
| width: 20%; |
| } |
| .table .column.data { |
| width: 75%; |
| vertical-align: middle; |
| } |
| .col-wrapper { |
| word-wrap: break-word; |
| } |
| .list-table { |
| display: flex; |
| flex-flow: column; |
| width: 100%; |
| min-width: 518px; |
| height: calc(100% - var(--nav-height) - var(--lbl-nav-height) - var(--buffer-size)); |
| } |
| .list-table thead { |
| /* head takes the height it requires, |
| and it's not scaled when table is resized */ |
| flex: 0 0 auto; |
| width: calc(100% - 1.0em); |
| } |
| .list-table tbody { |
| /* body takes all the remaining available space */ |
| flex: 1 1 auto; |
| display: block; |
| overflow-y: scroll; |
| overflow-x: hidden; |
| background-color: white; |
| } |
| .list-table tbody tr { |
| width: 100%; |
| } |
| .list-table thead, .list-table tbody tr { |
| display: table; |
| table-layout: fixed; |
| } |
| .list-table th { |
| overflow: hidden; |
| text-align: left; |
| } |
| .bottom-bumper { |
| height: 30px; |
| } |
| .list-table.small { |
| height: 150px; |
| } |
| .list-table.full-width { |
| max-width: initial; |
| } |
| .list-table tr:nth-child(odd), .striped-table .striped-row:nth-child(odd) { |
| opacity: .8; |
| } |
| .list-table tr.deleted { |
| background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, /* gap */ #cccccc 6px, /* overall width incluing gap */ #cccccc 6px); |
| } |
| .tableWrapper { |
| background-color: #FFFFFF; |
| border: solid 1px #aacfe4; |
| width: 536px; |
| height: 100px; |
| } |
| .dashboard { |
| overflow-y: auto; |
| height: 100%; |
| } |
| .dragbox .dragbox-header .dragbox-toggle, .dragbox .dragbox-header .dragbox-actions .icon, .sort-icon a { |
| font-family: "Font Awesome 5 Free"; |
| font-weight: 900; |
| display: inline-block; |
| font-style: normal; |
| text-rendering: auto; |
| line-height: 1; |
| font-variant: normal; |
| background: none; |
| vertical-align: super; |
| margin: 0; |
| } |
| .dragbox .dragbox-header .dragbox-actions .icon { |
| vertical-align: middle; |
| } |
| .dragbox .dragbox-header .dragbox-toggle.expanded::before { |
| content: "\f0d7"; |
| } |
| .dragbox .dragbox-header .dragbox-toggle.collapsed::before { |
| content: "\f0d8"; |
| } |
| .dragbox .dragbox-header .dragbox-actions .icon.refresh::before { |
| content: "\f2f1"; |
| } |
| .dragbox .dragbox-header .dragbox-actions .icon.delete::before { |
| content: "\f00d"; |
| color: var(--danger); |
| } |
| .dragbox-content .tableWrapper { |
| /* room users on dashboard */ |
| width: auto; |
| height: 100px; |
| } |
| .dragbox-content .rooms-widget { |
| display: flex; |
| } |
| .sort-icon a { |
| vertical-align: middle; |
| } |
| .sort-icon.none a::before { |
| content: '\f0dc'; |
| } |
| .sort-icon.desc a::before { |
| content: '\f0dd'; |
| } |
| .sort-icon.asc a::before { |
| content: '\f0de'; |
| } |
| .tableWrapper .list-table { |
| height: 100%; |
| } |
| .dragbox-content .tableWrapper .list-table { |
| min-width: auto; |
| } |
| .level-meter { |
| border-radius: 3px; |
| } |
| /**** TODO need to be unified with other icons used ****/ |
| .hash-panel-main { |
| width: 100%; |
| height: 100%; |
| } |
| .om-tbl { |
| display: table; |
| width: 100%; |
| } |
| .om-tbl .om-tbl-row { |
| display: table-row; |
| } |
| .om-tbl .om-tbl-row .om-tbl-cell { |
| display: table-cell; |
| } |
| .access-denied.outer { |
| margin: 4em; |
| } |
| .access-denied.outer .inner { |
| padding: 2em; |
| } |
| .captcha-text { |
| margin-bottom: 5px; |
| } |
| .captcha-img { |
| vertical-align: bottom; |
| } |
| .installer-note { |
| margin-top: 20px; |
| padding: 0.7em; |
| } |
| .installer-important { |
| font-size: 1.2em; |
| } |
| .installer-less-important { |
| font-size: 1.1em; |
| } |
| .main.privacy { |
| max-width: 800px; |
| padding: 20px; |
| border: 1px solid #cccccc; |
| border-radius: 10px; |
| } |
| .main.privacy h2 { |
| font-size: 30px; |
| font-weight: 300; |
| margin: 10px 0; |
| color: #333; |
| } |
| .main.privacy h3 { |
| color: #325d72; |
| font-weight: 700; |
| font-size: 24px; |
| margin: 1.5em 0 1em; |
| border-bottom: 1px solid #ddd; |
| } |
| .main.privacy h4 { |
| color: #333; |
| font-weight: 700; |
| font-size: 1.2em; |
| margin: 1em 0; |
| } |
| .main.privacy h5 { |
| color: #325D72; |
| font-weight: 700; |
| font-size: 1em; |
| margin: 1em 0; |
| } |
| .main.privacy p { |
| margin: 1em 0; |
| } |
| .private-message .ui-autocomplete { |
| z-index: 999 !important; |
| } |
| .abstractWizard .adminForm div.formelement { |
| max-width: 600px; |
| } |
| .abstractWizard .adminForm label { |
| width: 240px; |
| } |
| .abstractWizard ul.paramList { |
| list-style-type: none; |
| } |
| .abstractWizard ul.paramList li { |
| padding-top: 5px; |
| } |
| .abstractWizard ul.paramList label { |
| width: 350px; |
| display: inline-block; |
| } |
| .abstractWizard input, .abstractWizard select { |
| width: 280px; |
| } |
| .abstractWizard input[type=checkbox], .abstractWizard input[type=radio] { |
| width: auto; |
| } |
| .img-upload .btn.btn-file { |
| width: 120px; |
| padding: 0; |
| } |
| .profile-edit-form { |
| height: calc(100% - 65px); |
| } |
| #alert-holder { |
| position: fixed; |
| right: 0; |
| bottom: 0; |
| } |
| .popover.confirmation.show { |
| z-index: 3000; /* FIXME TODO move this to variables */ |
| } |
| .installer { |
| overflow-y: auto; |
| height: calc(100% - var(--header-height)); |
| } |
| .overflow-break-word { |
| overflow-wrap: break-word; |
| } |