/* Colours Red: #ed1c24 (red) Navbar: #6A7E90 test */ :root{ --clr-brand-primary: #1CA4ED; --grey-text-color: #7C7C7C; --double-card-color: #e7eaed; --double-card-add-btn-color: #6C6C6C; --search-input-border-color: #919191; --tileview-listview-icon-color: #47ff88; --media-pullout-background-color: #2A3650; --clr-button-background-hover: #62718f; --nav-bar-text-color: #505052; --pagination-link-color: white; --media-pullout-background-hover-color: #45516C; --paginate-row-background-color: #eff2f6; --dashboard-background-color: #EFF3F6; --media-search-color: #2a3650; --media-pullout-hover-color: #7bcfff; --tile-view-even-card-background: #d1eeff; --clr-brand-main: #6A7E90; --clr-brand-accent: #778899; --clr-button: #7bcfff; --clr-button-2: #1cb0f6; --clr-btntext: #fff; --clr-header-text: #fff; --clr-header-text-dark: black; --clr-body-text: black; --clr-page-header-text: #fff; --clr-form-bkgd: #fff; --action-btn-width: 2rem; --action-btn-height: 2rem; --text-color: #fff; --card-color: #D9DFE4; --home-card-color: #fff; --tab-content-color: #848a92; --card-text-color: #000; --nav-color: #fff; --nav-dropdown-hover-color: #fff; --nav-hover-color: #eee; --nav-hover-background: #7bcfff; --blue-icon-color: #6DE7F7; --nav-link-color: #848a92; --nav-link-hover-color: #595959; --nav-main-color: #595959; --nav-main-hover: #7bcfff; --body-color: #eff3f6; --icon-color: #595959; --icon-color-white: #fff; --button-clear: transparent; --button-text-color: #fff; --flyout-background-color: #F2F2F2; --modal-color: #2A3650; --modal-text-color: #fff; --modal-text-color-2: #000; --list-active-color:#303540; --list-active-background-color: #F2F2F2; --modal-table-row-hover-background-color: #555; --table-row-hover-background-color: #999; --express-background-color: rgba(237, 28, 36, 0.2); --media-compat-warning-background-color: #f44336; --multi-select-background-color: #D9DFE4; --multi-select-text-color: #595959; --disabled-select-background-color: #bbb; --filter-highlight-not-empty-color: #1CA4ED; --modal-field-error-color: #1CA4ED; --modal-field-error-color: rgba(255, 85, 85, 0.8); --modal-field-error-text-color: #fff; --modal-field-text-color: #495057; --border-color: rgb(206, 212, 218); --zoom-level-normal: 100%; --zoom-level-5: 5%; --zoom-level-10: 10%; --zoom-level-15: 15%; --zoom-level-20: 20%; --zoom-level-25: 25%; --zoom-level-30: 30%; --zoom-level-35: 35%; --zoom-level-40: 40%; --zoom-level-45: 45%; --zoom-level-50: 50%; --zoom-level-55: 55%; --zoom-level-60: 60%; --zoom-level-65: 65%; --zoom-level-70: 70%; --zoom-level-75: 75%; --zoom-level-80: 80%; --zoom-level-85: 85%; --zoom-level-90: 90%; --zoom-level-95: 95%; --zoom-level-100: 100%; --zoom-level-105: 105%; --zoom-level-110: 110%; --zoom-level-115: 115%; --zoom-level-120: 120%; --zoom-level-125: 125%; --zoom-level-130: 130%; --zoom-level-135: 135%; --zoom-level-140: 140%; --zoom-level-145: 145%; --zoom-level-150: 150%; --zoom-level-155: 155%; --zoom-level-160: 160%; --zoom-level-165: 165%; --zoom-level-170: 170%; --zoom-level-175: 175%; --zoom-level-180: 180%; --zoom-level-185: 185%; --zoom-level-190: 190%; --zoom-level-195: 195%; --zoom-level-200: 200%; color-scheme: light; } a > i:hover { cursor: pointer; } .item-name-row { cursor: pointer; line-height: 2.5rem; } body.mt-new { width: 100%; overflow-x: hidden; background-color: var(--dashboard-background-color) !important; font-family: "Poppins", sans-serif; } .body { font-family: "Poppins", sans-serif; color: var(--text-color); background-color: var(--dashboard-background-color) !important; } div#preview_button { width: 50px !important; } .dashboard-container{ background-color: var(--dashboard-background-color); margin-top: -7px; } .container { max-width: 98.57% !important; } .table-tile-view .check-row { margin-left: 0px !important; } #library_table.table-tile-view .tile-show .media-item { margin-top: 5px !important; } #library_table.table-tile-view .form-check-label { margin-top: 5px !important; } #cloud-logout-button { color: var(--text-color); } .row.container-header-row { /* margin-top: -8px !important; */ background-image: linear-gradient(#28334c, #374563); /*height:100%;*/ min-height:74px; /*max-height: 80px; This break responsiveness. */ width: 102.25%; } .form-group div select#command { padding: 0px !important; } .helpButton { /* margin: 0px !important; */ } .recents_divider { border-top: none !important; } .modal-backdrop { width: 100% !important; height: 100% !important; } #cd_modal_create .modal-content, #upload_media_modal .modal-content { border-radius: 15px !important; background-size: 1570px 893px; /* background-size: cover; */ background-position: top; background-image: url(../img/m_pattern_02.jpg) !important; } #upload_media_modal label { color: #fff !important; } #add-file-button, #upload-media, #upload-cancel:not(.cancel_tag) { background-color: var(--filter-highlight-not-empty-color) !important; /* color: var(--button-text-color) !important; */ } /* #add-file-button > i.fas.fa-xl.add-icon { color: var(--clr-brand-primary) !important; } */ #add-file-button i, #upload-media i, #upload-cancel i { /* color: var(--filter-highlight-not-empty-color) !important; */ color: var(--button-text-color) !important; } .container-header-media { background-color: var(--media-pullout-background-color) !important; color: var(--card-text-color) !important; } .body-text-color { color: var(--text-color) !important; } span#approve-players-help-button { padding-top: 3px; margin-top: 16px !important; } .m-1.pt-1.body-text-color{ color: black !important; margin: 15px 1px 0px 4px !important; } .noPlaylists { padding: 0px 22px 0px 22px !important; } .form-check-input[type="checkbox"].filled-in:checked+label:after, label.btn input[type="checkbox"].filled-in:checked+label:after { background-color: var(--clr-button-2) !important; border: 2px solid var(--clr-button-2) !important; } .m-1.pt-1.body-text-color+.m-1.pt-1.body-text-color+div>.m-1.pt-1.body-text-color { margin-right: 10px !important; } div#english-wayfinding-name-editor-label { width: 5.75rem; } div#french-wayfinding-name-editor-label { width: 5.75rem; } a#express-view-other-assigned-playlists:hover{ color: #3493f9 !important; } .card .player-card-container .table-tile-view .action-icon-light-text { color: var(--clr-btntext) !important; } .card .player-card-container .table-tile-view .tile-buttons { margin-left: 0px !important; background-color: var(--text-color) !important; } .action-icon-light-text { color: var(--clr-btntext) !important; } .media-compat-warning-bar { background-color: var(--media-compat-warning-background-color) !important; color: var(--text-color) !important; } .media-compat-warning-bar a { color: var(--clr-btntext) !important; } .compat_warning:hover { text-decoration: underline !important; } .player_activity_list_link:hover { text-decoration: underline !important; } .modal-simple-overlay { color: var(--text-color) !important; } .branch_selector { color: #000 !important; } /* Tooltips */ .popover { box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px !important; } .popover-body { color: black !important; } .popover-body a:link { color: black !important; text-decoration: underline !important; } .popover-body a:link:hover { color: black !important; text-decoration: none !important; } /* System Navigation Bar */ .mediatile-logo{ margin-top:7px; } .navbar { margin-bottom: 10px !important; padding: 6px 0px 6px 0px; background-color: var(--nav-color) !important; min-height: 75px; } nav:has(+.dashboard-container > .dashboard) { box-shadow: 0px 6px 5px #dbdadd !important; } .nav-link { display: block; padding: 0px 0px 0px 10px; } .navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { color: var(--nav-bar-text-color) !important; font-size: 1.15rem; font-weight: 500; padding: 0px 0px 0px 10px; } .sorting_disabled { background-color: transparent !important; } .navbar .dropdown-menu a { padding: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; /* padding-left: 0px; */ font-size: 14px; font-weight: 300; } .navbar .dropdown-menu a:hover { color:#fff !important; } .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { /*border-bottom: 2px solid var(--nav-main-hover) !important;*/ /*transition: 0s !important;*/ padding: 0px 0px 0px 10px; } .navbar.navbar-dark .navbar-nav .nav-item .nav-link { border-bottom: 3px solid transparent !important; margin-top: 7px; overflow: visible; } .nav-bar-icons:not(.new-notification){ color: var(--nav-bar-text-color) !important; /* font-size:21px; */ } .new-notification { color: var(--notification-bell-color) !important; } .navbar .navbar-nav .nav-item .dropdown-menu .notification_message a, .navbar .navbar-nav .nav-item .dropdown-menu .notification_message a.notification_link { color: var(--nav-bar-text-color) !important; text-decoration: underline; padding:0px; } .navbar .navbar-nav .nav-item .dropdown-menu .notification_message a:hover, .navbar .navbar-nav .nav-item .dropdown-menu .notification_message a.notification_link:hover { background-color: transparent !important; } .notification_wrapper:hover { cursor: pointer; } .side-nav2 { margin-top: 76px !important; background-color: var(--nav-color) !important; color: var(--nav-main-color) !important; } .side-nav2 a { color: var(--nav-bar-text-color) !important; font-size: 1.5rem; } .navbar .sidebar-menu-button { color: var(--nav-main-color) !important; } .side-nav2 a.sidebar-menu-button { color: var(--nav-bar-text-color) !important; } .nav-bar-cloud{ color: #1FAFF5 !important; font-size: 25px !important; margin-top: 5px; } .nav-bar-person-question{ color: var(--nav-bar-text-color) !important; font-size: 21px; width: 37px; height: 37px; background-color: #ff0000 !important; border-radius: 50%; } .nav-item { padding: 10px 0px 10px 0px; } .side-nav { background-color: var(--flyout-background-color) !important; } .right-sticky-popout { background-color: var(--media-pullout-background-color) !important; color: var(--text-color); border-radius: 1.15rem 0rem 0rem 0rem; } .right-sticky-popout .flyout-drag-and-drop-message { color: white !important; } .right-sticky-popout td { color: white; } /*Synced media edit library popout close button color*/ #playlist_view_library .dialog_close_button i.fas.cancel-icon.library-popout-synced-media-edit-close-button { color: white !important; } .text-success { color: #008820!important; } .text-warning { color: #9c6800 !important; } .modal { color: var(--modal-text-color); } .modal-text-field{ color: #000 !important; } .modal-content { border-radius: 15px !important; background-color: white; /* background-size: cover !important; background-position: top; background-image: url(../img/m_pattern_02.jpg) !important;*/ } .wayfindind_editor_title { color: #000 !important; } .modal-title { color: var(--modal-text-color-2) !important; } /*upgrade modal feature info css below*/ h5#upgrade-modal-title { font-size: 34px; color: #1ca4ed !important; margin: 1rem 0rem -4rem 0rem; } p.h6.modal-add-feature { font-weight: 600; font-size: 21px; margin: -3.1rem 0rem 0rem 0rem; } p.h6.modal-feature-inaccessible { margin: 0.5rem 0rem 0rem 0rem; font-size: 18px; } /*upgrade modal key features info block css below*/ .key-features-block { margin: 0rem 0rem -9rem -1rem; } p#generic-upgrade-modal-key-features-title { margin-top: 1.5rem; font-size: 25px; color: #1ca4ed; } .key-feature-header { font-size: 17px; font-weight: 600; } p.key-feature-info { font-size: 13px; margin-top: 0.25rem; } /*upgrade modal key features info block css above*/ /*upgrade modal buttons below*/ button#upgrade_modal_purchase { width: 21%; background-image: linear-gradient(to right, #f9ce29, #f83600); color: white !important; font-size: 15px; border-radius: 21px; padding: 7px 0px 7px 0px !important; margin-bottom: 25px; margin-right: 2rem; } button#upgrade_modal_learn_more { width: 21%; background-image: linear-gradient(to right, #0070ed, #00c0fa); color: white !important; font-size: 15px; border-radius: 21px; padding: 7px 0px 7px 0px !important; margin-bottom: 25px; margin-left: 2rem; } /*upgrade modal buttons above*/ .flyout-drag-and-drop-message { color: #000 !important; } .modal-body table.copy_from_table { color: #000; } #cloneTable tbody tr:hover { background-color: transparent !important; } #name_field::placeholder{ color: #000; } .modal-footer .btn-floating, .quick_layout_edit_div .btn-floating { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: var(--filter-highlight-not-empty-color) !important; border-radius: 50%; } .quick_layout_edit_div #delete_widget:hover { background-color: transparent !important; } .model-footer .btn-floating:hover { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; } .modal-body table { color: var(--modal-text-color-2); background-color: #D1EEFF; } .modal-body table#media_duration_settings_table { background-color: transparent; color: black; } /*For profiles modal*/ /* #profile_summary_form>.row>div>div>div>div>div>.form-check-input:disabled~.form-check-label, #profile_summary_form>.row>div>div>div>div>div>.form-check-input[disabled]~.form-check-label { color: #fff; } */ a.btn.show_library_images, a.btn.show_stock_images, a.btn.show_library_videos, a.btn.show_playlists { background-image: linear-gradient(to right, #015eea, #00b3e9) !important; border-radius: 20px 20px 20px 20px !important; padding: 10px !important; font-family: "Poppins", sans-serif; color: white !important; font-size: 0.9rem; } a.btn-floating.btn-sm.ok-colour.lighten-1.edit-mode-finish.profile_summary_edit.profile_summary-edit-mode, a.btn-floating.btn-sm.cancel-colour.darken-1, a#profile_summary_edit_mode, a#form-submit { background-color: var(--filter-highlight-not-empty-color) !important; } /*For player logs modal*/ /* .modal-body>div>div>ul>li>a.nav-link.btn-sm { color: white !important; } */ select#today_media, input#playback_date, input#events_date, input#events_search, select#events_type { color: black !important; background-color: white !important; border: 1px solid #919191 !important; /*width: 100%;*/ } select#events_type { margin-top: -8%; width: 60%; } select#today_media::placeholder, input#playback_date::placeholder, input#events_date::placeholder, input#events_search::placeholder, select#events_type::placeholder { color: black !important; } /*Modal Circular Checkboxes*/ .form-check-input[type="radio"]:not(:checked)+label:before, .form-check-input[type="radio"]:not(:checked)+label:after, label.btn input[type="radio"]:not(:checked)+label:before, label.btn input[type="radio"]:not(:checked)+label:after { /* border: 2px solid #ffffff; */ } .form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:after { /* background-color: #ffffff; */ } .form-check-input[type="radio"]:checked+label:after, .form-check-input[type="radio"].with-gap:checked+label:before, .form-check-input[type="radio"].with-gap:checked+label:after, label.btn input[type="radio"]:checked+label:after, label.btn input[type="radio"].with-gap:checked+label:before, label.btn input[type="radio"].with-gap:checked+label:after { /* border: 2px solid #ffffff; */ } /*Player Maintenance*/ #command.form-control-lite.command-player-tools{ width: 100%; } #player_settings>table.dialog_table, #player_technicians>table.dialog_table, #player_groups>table.dialog_table, #player_playlists>table.dialog_table, #player_profiles>table.dialog_table { background-color: transparent; /* color: white; */ } table#express_duration_settings_table { background-color: transparent; } .modal-body a { color: var(--modal-text-color-2); } .modal-body { color: #000; } .modal-header { /*color: var(--modal-text-color);*/ color: black !important; } .modal-body.modal-body-waiting-player table { background-color: transparent; /* color: white; */ } .btn.btn-sm.playlist_edit_btn { padding-top: 9px !important; } .library-link-2.media_back_btn { margin-top: 8px; } .modal-body a:hover:not(.dropdown-item, .nav-link) { text-decoration: none !important; /* -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/ cursor: pointer; color: black !important; /* color: var(--modal-text-color) !important; */ } .modal-body table.table a { color: #222222 !important; } .dataTables_empty{ /*padding-right: 490px !important;*/ padding-top: 20px !important; } .player_events_table { background-color: #f4f4f4 !important; } .player_events_table .dataTables_empty:hover{ background-color: #f4f4f4 !important; } #events_table .tr > td.dataTables_empty { background-color: transparent !important; } .custom-modal-footer { background-color: var(--modal-color) !important; color: var(--modal-text-color); } .bg-light { background-color: var(--modal-color) !important; } .modal-header.rounded-top.bg-light { background-color: transparent !important; } .schedule_override .modal-body table thead { color: var(--modal-text-color); } .modal-body table thead { color: var(--card-text-color); } .modal .select-wrapper span.caret { color: var(--text-color); } .modal .form-control:disabled, .modal .form-control-sm:disabled, .modal .form-control-lite:disabled { background-color: var(--disabled-select-background-color) !important; } .modal .form-control { /* color: #fff; */ } #qb_add_new * { color: #fff; } .modal .select-wrapper { color: var(--text-color) ; } .modal .select-wrapper input.select-dropdown { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: 0px 0px 0px 10px; font-size: 1rem; margin: 10px 0px 13px 35px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #globalTagsLabel+#mdb-select-wrap input.select-dropdown.form-control { margin-left: 2.18rem !important; } input#inputDescription { margin-left: 14px; width: 100.2%; } .modal .btn { color: var(--text-color) !important; } .modal .btn#add_feed, .modal .btn#cancel_add_feed { color: var(--icon-color) !important; } .modal #cd_new_switch .btn:not(.active) { color: var(--icon-color) !important; } .modal .svg-icon-btn { color: var(--text-color) !important; filter: none; } #player_search{ border-radius: 0.4rem !important; height: calc(1.5em + .5rem + 2px) !important; color: #fff !important; background-color: var(--media-pullout-background-color) !important; border: 1px solid #fff !important; } .text_search_icon { /* border: 1px solid white; */ /* width: 100%; */ /* padding-right: 20px !important; */ background-image: url("../img/svg/search-white.svg") !important; background-size: 15px; background-repeat: no-repeat; background-position: right 5px bottom 5px !important; } input#player_search.form-control.form-control-sm.field-bottom-border.mr-1.datatable-custom-column-search.text_search_icon { background-color: var(--dashboard-background-color) !important; color: var(--clr-body-text) !important; width: 170px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /* height: 2-1px !important; */ font-size: 13px; margin-top: -1px; } input#player_search.form-control.form-control-sm.field-bottom-border.mr-1.datatable-custom-column-search.text_search_icon::placeholder { color: black !important; } input#group_search::placeholder { color: black !important; } #player_group_filter.filter_fields_light, #player_status_filter.filter_fields_light, #player_type_filter.filter_fields_light, #player_model_filter.filter_fields_light, #player_format_filter.filter_fields_light, #player_addon_filter.filter_fields_light{ background-color: var(--dashboard-background-color) !important; color: var(--clr-body-text) !important; width: 170px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /* height: 2-1px !important; */ font-size: 13px; margin-top: -1px; } /* .form-control-sm.mr-1.datatable-custom-column-search.manage-filter { background-color: var(--dashboard-background-color) !important; color: var(--clr-body-text) !important; width: 170px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; font-size: 13px; }*/ .clear-filters-x-icon{ color: white; font-size: 20px; margin: 21px 0px 0px 0px; } .clear-filters-x-icon_library_pullout{ color: white; font-size: 20px; margin: 0px 0px 0px 0px; } .clear-filters-box-sizing{ box-sizing: none; } .library_filters_sticky_top { top:76px; z-index:100; background-color: var(--body-color); } .library_content_div { margin-top:5rem; } .library_table_container { padding-top: 1.9rem !important; padding-bottom: 1rem !important; } #library_name_search{ border-radius: 0.4rem !important; height: calc(1.5em + .5rem + 2px) !important; color: #fff !important; background-color: var(--media-pullout-background-color) !important; border: 1px solid #fff !important; } #emergency_alert_active_filter{ background-color: var(--button-text-color) !important; /* border-radius: 1rem !important; */ border: 1px solid var(--search-input-border-color) !important; padding: 4px !important; margin-right: 4px !important; /* margin-top: 8px !important; */ color: black !important; } .datatable-custom-column-search { background-color: var(--button-text-color) !important; /* border-radius: 1rem !important; */ border: 1px solid var(--search-input-border-color) !important; padding: 4px !important; margin-right: 4px !important; /* margin-top: 8px !important; */ } .table-top-items-add-interrupt button i.add-icon::before { color: var(--card-text-color) !important; } .express-playlist-row { /* background-color: var(--express-background-color) !important; */ background-image: none; } .library-link { border-radius: 50% !important; min-width: 0rem !important; min-height: 0rem !important; width: 41px !important; height: 41px !important; margin-top: 11px; } .library-link-2 { border-radius: 50% !important; min-width: 0rem !important; min-height: 0rem !important; width: 41px !important; height: 41px !important; margin-top: 11px; } .tileview-listview-icons { background-color: #535f76 !important; border-radius: 50%; height: 41px; width: 41px; margin-top: 5px !important; } .tileview-listview-icons:hover { background-color: var(--clr-button-background-hover) !important; border-radius: 50%; height: 41px; width: 41px; } .ok-page-icon { margin: -3px 0px 0px -7px; font-size: 1.2rem !important; line-height: 41px !important; } .cancel-page-icon { margin: -3px 0px 0px -7px; font-size: 1.2rem !important; line-height: 41px !important; } .cd-button{ margin-top: 7px; font-size: 20px !important; } .tag-button{ margin-top: 7px; margin-left: 2px; font-size: 20px; } .cd-tag-buttons{ /*margin-top: 15px;*/ color: var(--blue-icon-color) !important; } .cd-button-icon { color: var(--blue-icon-color) !important; } .library-link img.svg-icon-btn { color: var(--blue-icon-color) !important; filter: none; } .transparent-row>div>a>i { color: var(--clr-btntext) !important; } .table.table a.action-icon-light-text { color: var(--clr-btntext) !important; } table.table a.action-icon-text { /* color: var(--clr-btntext) !important; */ color: var(--icon-color) !important; } div#quick_broadcasts_activity_search input#activity_search { color: white !important; background-color: #2A3650 !important; padding-bottom: 1px !important; } div#quick_broadcasts_activity_search input#activity_search::placeholder { color: white !important; background-color: #2A3650 !important; } table.table a.action-icon-text.action-text-center,table.table a.action-item-text.action-text-center{ margin-top: 1rem !important; } input[type='text'] .datatable-custom-column-search { margin:0 !important; } .search-icon, .fa-search { color: var(--icon-color) !important; margin-bottom: 8px !important; margin-right: 4px !important; } .card-text:last-child:not(.fixed-card-text) { margin-bottom: 0; font-size:0.75rem; font-weight:700; padding: 0px 0px 3px 0px; background-color: #FFFFFF; border-radius: 20px 20px 20px 20px!important; } #total-hand-sanitizer-footer-text { border-radius: 20px 20px 20px 20px !important; margin-bottom:0.4rem; } .white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover, .white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus, .white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active { /*background-color: var(--nav-hover-background) !important;*/ color: var(--nav-dropdown-hover-color) !important; box-shadow: none !important; -webkit-box-shadow: none !important; padding: 8px 0px 8px 10px; font-size: 14px; } .nav-link:hover { color: var(--nav-main-hover) !important; color: black !important; padding: 0px 0px 0px 10px; font-size: 16px; } .navbar .navbar-nav .nav-item .nav-link.nav-link:hover { color: var(--nav-link-hover-color); border-bottom: 3px solid #1cb0f6 !important; transition: 0s !important; } .navbar .sidebar-menu-button { position: absolute; top: 1.3rem; left: 0; } /* .modal-body .faded-text { color: var(--text-color) !important; } */ .modal-body .md-pills .nav-link { /*color: #aaaaaa !important;*/ color: var(--nav-link-hover-color) !important; margin-right: 15px; padding-right: 10px; } .md-pills .nav-link { color: #aaaaaa !important; margin-right: 15px; padding-right: 10px; } .pill-primary .nav-link.active { color: #fff; background-color: var(--clr-button) !important; } .md-pills .nav-link.active{ color: var(--clr-btntext) !important; background-color: var(--clr-button) !important; } .nav-link.dropdown-toggle:hover{ color:green; } .side-nav{ margin-top: 46px !important; background-color: var(--clr-brand-main); } .mynotes{ resize: none; } .separator-line{ border-bottom:1px solid var(--clr-brand-primary); margin-top:15px; margin-bottom:12px; } .navbar .dropdown-submenu .dropdown-menu-right { margin-right: 7px !important; } /* Controls */ .picker__nav--prev, .picker__nav--next{ width: var(--action-btn-width) !important; height: var(--action-btn-height) !important; border-radius: 0.25rem !important; padding: .5rem .5rem .5rem .5rem !important; } .picker__picker-button--close, .picker__picker-button--clear, .picker__picker-button--ok{ border-radius: .25rem !important; } .picker__picker-button--close{ margin-right: .5rem !important; } .white-skin input[type="checkbox"].filled-in:checked+label:after { background-color: var(--clr-button) !important; border-color: var(--clr-button) !important; color: var(--clr-btntext) !important; } table.table-tile-view tbody .player-tile-view{ font-size: 1rem; margin-right:auto!important; align-items:center; color: var(--card-text-color) !important; } table.table-tile-view tbody .playlist-tile-view{ font-size: 1rem; margin-right:auto!important; align-items:center; background-color: var(--card-color) !important; color: var(--card-text-color) !important; } table.table-tile-view tbody tr { /* background-color: var(--card-color) !important; */ background-color: var(--text-color) !important; color: var(--card-text-color) !important; box-shadow: 5px 5px 5px #c2c2c2; height:330px; width: 330px; } table.table-tile-view tbody tr:nth-of-type(even) { /* background-color: var(--tile-view-even-card-background) !important; */ background-color: var(--text-color) !important; color: var(--card-text-color) !important; } .player-card-container { background-color: var(--body-color) !important; } .player-card-container th { background-color: var(--card-color) !important; color: var(--card-text-color) !important; } .player-card-container { color: var(--text-color) !important; } .player-card-container .tile-hide a:hover:not(.dropdown-item, .nav-link) { color: var(--nav-link-hover-color) !important; } .player-card-container .table-list-view { background-color: #fff !important; color: var(--card-text-color) !important; } .btn.circle-icon:hover, .btn.btn-sm-grouped.gradient-blue:hover, .btn.btn-long-md:hover, .btn-floating:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; } .modal #sl_edit_name_btn .svg-icon-btn { filter: invert(36%) sepia(3%) saturate(11%) hue-rotate(356deg) brightness(65%) contrast(92%); } .custom-modal-footer .btn-floating:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } .delete-icon:hover { color: #fff !important; } .modal_table_delete .delete-icon:hover { color: #000 !important; } table.table th, table.table td { padding-top: .25rem; padding-bottom: .25rem; padding-left: 10px; font-weight: 600; font-size: 13px; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f4f4f4; border-radius: 10px 10px 10px 10px; } .table-striped tbody .even{ background-color: #d1eeff; border-radius: 10px 10px 10px 10px; } /* Round first edges of table on media/library page */ .check-row:not(.sorting_1){ border-radius: 10px 0px 0px 10px !important; } #image_ai, .new_image_crop_button, .new_image_resize_button, .new_image_ai_button { cursor: pointer; } #generateBtn i, #clearBtn i, #initialPromptBtn i, #clearResult i, #generateBtn p, #clearBtn p, #initialPromptBtn p, #clearResult p { color: var(--icon-color) !important; } #generateBtn:hover i, #clearBtn:hover i, #initialPromptBtn:hover i, #clearResult:hover i, #generateBtn:hover p, #clearBtn:hover p, #initialPromptBtn:hover p, #clearResult:hover p { color: var(--button-text-color) !important; } .modal-content select:not(.quick-broadcast) { border: 1px solid #ced4da !important; } th.checkboxes{ background-color: var(--dashboard-background-color) !important; } h3#modal-title.modal-title.corum-feeds-modal-title { margin-left: -4.5%; } #reset_password_button { padding-top: 14px !important; color: #1976d2 !important; } .dropdown-submenu>.dropdown-menu { border-radius: 6px !important; } table.table thead th:not(.sorting_disabled) { color: #000 ; background-color: #fff; } .player-logs-modal, .player-logs-modal:hover { font-size: 1rem !important; } .inner-paginate-row.paginate-top.d-flex.align-items-center { margin-left: 0px; } #media_table > tbody > tr:has(td > div.Expired) { background-color: var(--media-expired-color) !important; } #media_table > tbody > tr:has(td > div.Upcoming) { background-color: var(--media-pending-color) !important; } #media_table > tbody > tr:has(td > div.Playable) { background-color: var(--media-playable-color) !important; } #media_table > tbody > tr:has(td > div.Active) { background-color: var(--media-playable-color) !important; } #media_table { border-collapse:separate; border-spacing:0 5px; } table.table-tile-view tbody .player-tile-check { position: absolute; margin-left: 217px; margin-top: 3px; } .rss-list-group-item { background-color: var(--tab-content-color) !important; } #rss_details_form .list-group-item { background-color: var(--flyout-background-color) !important; color: var(--card-text-color) !important; } #rss_details_form .list-group-item:hover { background-color: var(--list-active-background-color) !important; color: var(--card-text-color) !important; } #rss_details_form .list-group-item a:link { color: var(--card-text-color) !important; text-decoration: none !important; } #rss_details_form .list-group-item a { color: var(--card-text-color) !important; text-decoration: none !important; } #rss_details_form .list-group-item:hover a { color: var(--card-text-color) !important; text-decoration: underline !important; } .list-group-item { background-color: var(--media-pullout-background-color) !important; color: var(--card-text-color) !important; } /* .list-group-item li:nth-of-type(odd) { background-color: rgba(0,0,0,0.15); }*/ .list-group-item.active .sidebar-link { color: #fff !important; } .list-group-item.active .sidebar-link:hover { color: var(--media-pullout-hover-color)!important; } .list-group-item.active { z-index: 2; color: var(--list-active-color) !important; /*background-color: var(--card-color) !important;*/ border-color: var(--list-active-background-color) !important; } .list-group-item.active:hover { z-index: 2; color: var(--list-active-color) !important; /*background-color: var(--card-color) !important;*/ border-color: var(--media-pullout-hover-color) !important; } .list-group-item a:not(.expressContentList a ) { color: rgb(255, 255, 255) !important; /*background-color: var(--media-pullout-background-color) !important;*/ text-decoration: none !important; } .expressContentList .list-group-item > a { color: var(--card-text-color) !important; } #library_folder_filter{ width:35% } .contentName .underline { color: #000 !important; } .contentLength .underline { color: #000 !important; } .removeMediaBtn a .fas { color: #000 !important; } div:has(>#library_type_filter) { margin-right: 3px; } #library_type_filter{ margin-left: 30px; width:100% } .md-form.my-0>#library_type_filter{ margin-left: 0px; width:100% } .flyout-drag-and-drop-message{ margin-left: 20px !important; } .container.folders_list{ margin: 0px 0px 0px 0px; } .content_group_div > ul > li.list-group-item.border.singleContent.firstContent.ui-sortable-handle { color: black !important; background-color: white !important; } .content_group_div > ul > li.list-group-item.border.singleContent.firstContent.ui-sortable-handle:hover { color: black !important; background-color: transparent !important; } .list-group-item a:hover { color: white !important; /*background-color: var(--media-pullout-background-color) !important;*/ text-decoration: none !important; } .list-group-item:hover { color: var(--media-pullout-background-color) !important; background-color: var(--media-pullout-background-color) !important; text-decoration: none !important; } .list-group-subitem { position: relative; display: block; padding: 0.75rem 1.25rem; color: var(--list-active-background-color) !important; background-color: var(--media-pullout-background-color); border: 1px solid rgba(0,0,0,.125); padding-left: 1.5rem !important; } .left .list-group-item { padding-right: 0px !important; } .list-group-subitem.active { color: var(--text-color) !important; background-color: var(--card-color); } .list-group-subitem#sb_canva.active, .list-group-subitem#sb_onedrive.active, .list-group-subitem#sb_google_drive.active { background-color: var(--media-pullout-background-hover-color) !important; color: var(--card-text-color) !important; } .list-group-subitem:hover { color: var(--text-color) !important; background-color: var(--card-color); } /* menu dropdown items (Jens) */ a.dropdown-item { color:black; font-size: 1rem; } a.dropdown-item:hover { color:white; font-size: 14px; background-color: var(--clr-button) !important; } .dropdown-item.active, .dropdown-item:active { color: var(--clr-btntext); text-decoration: none; background-color: transparent; font-size: 14px; } .dropdown-item:hover, .dropdown-item:focus, .dropdown-menu a:active { background-color: var(--clr-button) !important; color: black; text-decoration: none; font-size: 14px; } .dropdown-submenu:hover { background-color: var(--clr-button) !important; } .dropdown .dropdown-menu.dropdown-info { background-color: white !important; color: black !important; font-size: 14px; } .dropdown-item { font-size: 1rem; color:black; } .dropdown .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item { font-size: 1rem; } .dropdown .dropdown-menu .dropdown-item:hover{ color: white; } .col-5 > .form-check.pb-2.checkAllCheckbox { margin-left: 19px; } .row.contentGroupWindow + .d-flex.row> .col-5>.row { margin-left: 10px; } .col-3.mr-1.ml-1.mb-2.btn.btn-xs-sm.tile-hide.ajax-modal.preview-button + .col.justify-content-center.mt-2.ml-3.mb-2 > a.ajax-modal { /* margin-top: -16px; */ font-size: 18px; } .preview-button{ background-image: linear-gradient(to right, #41EB8A , #38F8D4); border-radius: 32px; margin-top: 5px; } table.table-tile-view.table-borderless-tile tbody td.name-row i.type-image { font-size: 0.9rem !important; padding-top: 2px; } table.table-tile-view.table-borderless-tile tbody td.name-row { background-color: rgb(223 223 223 / 50%); font-size: 0.65rem; } #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row a.action-icon-light-text, #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row .images-icon, #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row .web-icon, #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row .videos-icon, #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row .content-designer-icon, #library_table_wrapper table.table-tile-view.table-borderless-tile tbody td.name-row .weather-icon { color: var(--grey-text-color) !important; } table#library_table.table-tile-view.table-borderless-tile tbody td.name-row { margin-top: 5px !important; } #playlists_table .tile-view-thumbnail-img img { margin-top: 5px; } .col-3.mr-1.ml-1.mb-2.btn.btn-xs-sm.tile-hide.ajax-modal.preview-button > a { margin-top: 11px; font-size: 0.9rem; color:#000 !important; } #playlist_search, #playlist_format_flyout, #playlist_dropdown { padding: 4px !important; /* margin-right: 4px !important; margin-top: 8px !important; */ border: 1px solid #fff !important; background-color: var(--media-search-color) !important; color: white !important; /*border-radius: 25px !important;*/ } .form-check-input[type="checkbox"]+label, label.btn input[type="checkbox"]+label{ margin-left: 0px; } .form-check{ padding-left: .25rem; } .white-skin .side-nav .collapsible li a:not(.collapsible-header):hover,.white-skin .side-nav .collapsible li a:not(.collapsible-header):active{ color: var(--clr-button) !important; font-size: 1rem; } body.white-skin { font-family: "Poppins", sans-serif; /*background-color: var(--body-color) !important;*/ background-color: var(--dashboard-background-color) !important; } .modal #playlists_table th { /*color: #000 ;*/ color: var(--text-color) !important; } #playlists_table.table-tile-view .form-check-input[type="checkbox"].filled-in:not(:checked)+label:after, #playlists_table.table-tile-view label.btn input[type="checkbox"].filled-in:not(:checked)+label:after{ background-color: #fff; } #playlists_table.table-tile-view .form-check-label { margin-top: 5px; margin-left: 7px; } #playlists_table_info{ color: #000 !important ; /*font-size: 1rem;*/ } #content_view_back, #uploader_link, #content_view_layout { border-radius: 50% !important; background-color: var(--filter-highlight-not-empty-color) !important; } #content_view_back .fas, #uploader_link .fa-solid, #content_view_layout .fa-solid { color: #fff !important; margin: 5px; font-size: 10px; } #playlist_name_search::placeholder, #group_name_search::placeholder, #command, #command option { color: #000 !important; } #new_profile_link { color: #fff !important; /* background-color: var(--filter-highlight-not-empty-color) !important; */ padding: 0px !important; } #profile_players_clear .fas { margin-top: 0px } #profile_users_clear .fas { margin-top: 0px } #profiles_permissions_icon { margin-top: 10px; } #profiles_permissions_icon .far { font-size: 18px; } #playlists_table_info, #playlists_table_info .table-top-items-add-playlist { color: #000 !important ; /*font-size: 1rem;*/ /*color: var(--nav-link-color) !important;*/ } #playlists_table tbody { border-radius: 15px 15px 15px 15px; padding: 1.5% 0% 1.5% 0%; /*margin: -1% -5% 0% -1%;*/ } #playlists_table .tile-show { font-size: .85rem; } table.table-tile-view.table-borderless-tile tbody td{ margin: -5px 0px; } #media_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #players_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #schedules_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #placeholder_playlist_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #multi_screen_modes_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #hunt_group_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #hunt_group_agents_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #data_providers_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #configurations_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #rss_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #permissions_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #rs232_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #rs232_players_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #group_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #group_players_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #playlists_table_wrapper .table-top-items { /* background-color: var(--home-card-color) !important;*/ /*background-color: var(--home-card-color) !important;*/ } #qb_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #schedule_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #rs232_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #hunt_group_player_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #location_players_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #location_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #users_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #user_players_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #user_groups_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #user_playlists_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #user_folders_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #user_activity_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #profiles_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } #folders_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #profile_users_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #rss_table_wrapper .table-top-items { /*#users_table_wrapper .paging_simple_numbers*/ } #player_table_wrapper .paging_simple_numbers { background-color: #F4F7F9 !important; } #wayfinding_floor_table_wrapper .paging_simple_numbers { /*#users_table_wrapper .paging_simple_numbers*/ } .express-view-no-content-icon{ font-size: 90px; background: -moz-linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); background: -webkit-linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); background: linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: -225px 0px 0px 220px; } #express-page-header{ margin: 27px 0px 0px 10px; } div#express-page-filters { margin-top: -8px !important; } .md-form .form-control { margin: 0; } .text-dark { color: var(--text-color) !important; } .text-grey { color: var(--icon-color) !important; } .select-wrapper span.caret { /*color: var(--text-color);*/ color: transparent !important; right: -10px !important; font-size: 1rem !important; } .displayGroupCard { box-shadow: 8px 8px 8px #d6d8dc !important; border-radius: 15px 15px 15px 15px !important; background-color: #fff !important; } #group_details_card{ box-shadow: 8px 8px 8px #d6d8dc !important; border-radius: 15px 15px 15px 15px !important; background-color: #fff !important; } .cs_rightPanel { background-color: var(--media-pullout-background-color) !important; border: 1px solid var(--media-pullout-background-color) !important; border-radius: 0.5rem 0px 0px 0.5rem !important; z-index: 20; margin-top: -8px; } .playlist_preview ::after{ display: none; } .btn.gradient-blue { background-image: linear-gradient(to right, #015eea, #00b3e9 ) !important; border-radius: 20px; padding: 9px 9px 9px 9px !important; font-size: 0.9rem; } .btn.gradient-orange { background-image: linear-gradient(to right, #e18e12 0%, #fb5436 100%) !important; border-radius: 20px; padding: 9px 9px 9px 9px !important; font-size: 0.9rem; } .btn.gradient-smaller { font-size: 0.7rem; } .heading-smaller-text { font-size: 0.75rem; } .list-group-item+.list-group-item.active, li#sb_templates.active, .list-group-item.active { background-color: var(--media-pullout-background-hover-color) !important; color: var(--card-text-color) !important; } /*.btn.btn-sm .fas { margin-top: 13px; }*/ .btn.btn-sm .fas.clear_activity_filters { color: var(--icon-color) !important; } .btn.gradient-green { background-image: linear-gradient(to right, #009908 0%, #3afa21 100%) !important; border-radius: 20px; padding: 10px 6px 9px 9px !important; font-size: 0.9rem; } #media_type_filter.form-control-sm { background-color: #fff !important; color: #000 !important; border: #919191 1px solid !important; } #media_name_search::placeholder { color: #000 !important; } #description.synced_media_create_description { width: auto; height: auto; } #playlist_flyout_dropzone { font-size: 0.75rem !important; } #playlist_flyout_dropzone .list-group-item { background-color: var(--flyout-background-color) !important; color: var(--card-text-color) !important; } #playlist_flyout_dropzone .list-group-item:hover { background-color: var(--list-active-background-color) !important; color: var(--card-text-color) !important; } #playlist_flyout_dropzone .list-group-item a:link { color: var(--card-text-color) !important; text-decoration: none !important; } #playlist_flyout_dropzone .list-group-item a { color: var(--card-text-color) !important; text-decoration: none !important; } #playlist_flyout_dropzone .list-group-item:hover a { color: var(--card-text-color) !important; text-decoration: underline !important; } #library_table_wrapper .action-icon-light-text { color: var(--grey-text-color) !important; } /* #library_table_wrapper .action-icon-light-text i:hover { color: var(--grey-text-color) !important; } */ /* Round last edges of table on media/library page */ #library_table tr td:nth-of-type(12) { border-radius: 0px 10px 10px 0px; /*height: 140px;*/ } #playist_list_info { margin-top: 50%; } .library-view-no-content-icon { font-size: 90px; background: -moz-linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); background: -webkit-linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); background: linear-gradient(to right, #8fcdff 0%, #b3efe7 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 0px 0px 0px 30%; } #library_table tr{ /*background-color: var(--card-color) !important;*/ height: 400%; margin-bottom: 30px; /* padding-bottom: 6.5%; */ padding-bottom: 95px !important; } #library_table tbody tr { width: 290px; } #library_table tbody { margin-top: -3%; } #library_table thead th { background-color: #fff !important; } #library_table.table-tile-view tbody tr { width: auto; height:auto; margin-top: 27px; } .dropins-container { width: 700px; position: fixed; top: 158px; /* height: calc(100vh - 65px); */ box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dropins-container * { box-sizing: border-box; color: #fff !important; } .contentName, .contentType, .contentLength { color: var(--card-text-color) !important; } .dropins-container .tabs { position: absolute; width: 4em; } .dropins-container .tabs .tab { color: var(--button-text-color); padding: 10px; padding-top: 33px; padding-bottom: 30px; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .dropins-container .tabs .tab:hover { background-color: var(--media-pullout-background-color) !important; } .dropins-container .tabs .tab .shortcut { text-align: center; font-size: 0.8em; margin-bottom: 0.4em; } .dropins-container .tabs .tab .tab-name { text-align: center; } .dropins-container .tabs .tab .tab-name span { /* writing-mode: vertical-lr; */ text-orientation: sideways; white-space: nowrap; } .dropins-container .tabs .tab.active { background-color: var(--media-pullout-background-color) !important; } .nav-bar-icons { color: #99999f !important; font-size: 18px; } .dropins-container .contents:not(.cs_rightPanel) { /* background-color: var(--flyout-background-color) !important; */ color: var(--card-text-color) !important; padding: 15px; height: 100%; } .dropins-container .contents .content { max-height: 100%; display: none; overflow: auto; } .dropins-container .contents .content.active { display: block; } .dropins-container.right { right: -700px; top: 9.5rem !important; bottom: 0px !important; } .btn.datatable-clear-filter { padding-top: 10px !important; } .dropins-container.right .tabs { left: -2em; top: 26em; height: 89px !important; width: 25px !important; background-color: var(--media-pullout-background-color) !important; border-left: 1px solid var(--flyout-background-color) !important; border-top: 1px solid var(--flyout-background-color) !important; border-bottom: 1px solid var(--flyout-background-color) !important; } .dropins-container.right .tabs .tab { border-radius: 5px 0 0 5px; } .dropins-container.right.showing { right: 0; } /* .cs_rightPanel.dropins-container.right.rounded.showing { margin-top: 29px; }*/ .cs_leftPanel { background-color:var(--media-pullout-background-color) !important; border: 1px solid var(--media-pullout-background-color) !important; font-size: 1rem; margin-top: -7px; border-radius: 0px 0.5rem 0.5rem 0px !important; } .folder-dropins-container { width: 300px; position: fixed; top: 164px; height: calc(100vh - 65px); z-index: 2; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input#player_name_search::placeholder { color: #000 !important; } .folder-dropins-container *:not(.edit-mode-input) { box-sizing: border-box; color: #fff !important; } .folder-dropins-container *:hover { box-sizing: border-box; /*color: var(--media-pullout-hover-color) !important;*/ /*background-color: var(--media-pullout-background-hover-color) !important;*/ } .folder-dropins-container .tabs { position: absolute; width: 4em; } .folder-dropins-container .tabs .tab { color: var(--button-text-color); /*padding: 10px;*/ padding-top: 33px; padding-bottom: 30px; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ background-color: var(--media-pullout-background-color) !important; } .folder-dropins-container .tabs .tab:hover { background-color: var(--media-pullout-background-color) !important; } .folder-dropins-container .tabs .tab .shortcut { text-align: center; font-size: 0.8em; margin-bottom: 0.4em; } .folder-dropins-container .tabs .tab .tab-name { text-align: center; } .folder-dropins-container .tabs .tab .tab-name span { /* writing-mode: vertical-lr; */ text-orientation: sideways; white-space: nowrap; } .folder-dropins-container .tabs .tab.active { background-color: var(--media-pullout-background-color) !important; } .folder-dropins-container .contents { background-color: var(--media-pullout-background-color) !important; color: #fff !important; height: 100%; border-radius: 0px 0.5rem 0.5rem 0px !important; } .folder-dropins-container .contents:hover { background-color: var(--media-pullout-background-color) !important; color: #fff !important; height: 100%; } .folder-dropins-container .contents .content { max-height: 100%; display: none; overflow: auto; } .folder-dropins-container .contents .content.active { display: block; } .folder-dropins-container.left { /* right: 300; */ /* right: 1620px;*/ } .folder-dropins-container.left .tabs { left: 18.7em; top: 19.5em; height: 89px !important; width: 25px !important; background-color: var(--flyout-background-color) !important; border-right: 1px solid var(--nav-link-hover-color) !important; border-top: 1px solid var(--nav-link-hover-color) !important; border-bottom: 1px solid var(--nav-link-hover-color) !important; border-left: 0px !important; } .folder-dropins-container.left .tabs .tab { border-radius: 0 5px 5px 0 !important; } .folder-dropins-container.left.showing { right: 100%; } /* width */ .folderContainer::-webkit-scrollbar { width: 10px; border-radius: 10px; } /* Track */ .folderContainer::-webkit-scrollbar-track { /*box-shadow: inset 0 0 5px var(--flyout-background-color) !important;*/ border-radius: 10px; background-color: #818897; } /* Handle */ .folderContainer::-webkit-scrollbar-thumb { /*background: var(--flyout-background-color) !important;*/ border-radius: 10px; background-color: #616a7d; } /* Handle on hover */ .folderContainer::-webkit-scrollbar-thumb:hover { /*background: var(--text-color);*/ background-color: var(--dashboard-background-color); } .media-cs_rightPanel-icon{ background: -moz-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: -webkit-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: linear-gradient(to right, #e18e12 0%, #fb5436 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 0px; } .nav-dropdown{ } /* Buttons *//* ::-webkit-scrollbar-button:single-button { background-color: #bbbbbb; display: block; border-style: solid; height: 13px; width: 16px; }*/ /* Up *//* .folderContainer::-webkit-scrollbar-button:single-button:vertical:decrement { /*border-width: 0 8px 8px 8px;*//* border-color: transparent transparent #555555 transparent; background-image: url("data:image/svg+xml;utf8,"); } .folderContainer::-webkit-scrollbar-button:single-button:vertical:decrement:hover { border-color: transparent transparent #777777 transparent; } /* Down */ /* .folderContainer::-webkit-scrollbar-button:single-button:vertical:increment { /*border-width: 8px 8px 0 8px;*//* border-color: #555555 transparent transparent transparent; background-image: url("data:image/svg+xml;utf8,"); }*/ /* .folderContainer::-webkit-scrollbar-button:vertical:single-button:increment:hover { border-color: #777777 transparent transparent transparent; } ::-webkit-scrollbar-button:single-button:vertical:increment:active { background-image: url("data:image/svg+xml;utf8,"); } ::-webkit-scrollbar-button:single-button:vertical:decrement:active { background-image: url("data:image/svg+xml;utf8,"); } */ .folderContainer:hover { background-color: var(--media-pullout-background-color) !important; } /* Colour of template show/hide arrow */ .template-arrow{ color:var(--list-active-color); } header, section { padding: 20px; } #sidenav-overlay { display: none !important; } .side-nav.fixed { top: 113px !important; } #folder_flyout_arrow { width: 25px !important; height: 89px; left: 275px; top: 528px; color:var(--list-active-color); text-decoration: none !important; background-color: var(--flyout-background-color) !important; border-right: 1px solid var(--flyout-background-color) !important; border-top: 1px solid var(--flyout-background-color) !important; border-bottom: 1px solid var(--flyout-background-color) !important; border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; } #folder_flyout_arrow:active { color: var(--text-color); width: 24px !important; text-decoration: none !important; background-color: white !important; border-right: 1px solid white !important; border-top: 1px solid white !important; border-bottom: 1px solid white !important; } #folder_flyout_arrow:hover { color: var(--nav-color) !important; background-color: var(--flyout-background-color) !important; border-right: 1px solid var(--flyout-background-color) !important; border-top: 1px solid var(--flyout-background-color) !important; border-bottom: 1px solid var(--flyout-background-color) !important; } .tab-name { color:var(--list-active-color); } #slide-out { width: 280px !important; /* transition: transform 0.1s ease-in-out; */ } .button-collapse:not(.sidebar-menu-button) { position: fixed; left: 10px; top: 10px; z-index: 10; /* transition: transform 1s ease-in-out; */ } .side-nav a { height: 20px !important; line-height: 1.5 !important; } #map_picker { color: var(--card-text-color) !important; /* width: 379px !important; */ /* margin-left: -16px; */ } #myTabContent.wayfinding_content { margin-left: 0px !important; } #wayfinding_lang_editor.wayfinding_lang_editor { background-image: url(../img/m_pattern_02.jpg); } #floor_picker, #location_picker, #language_picker, #start_kiosk { width: 271px; } #refresh_min{ width: 199px; } #refresh_minutes_message{ margin-left: 15px !important; margin-bottom: 7px; } #refresh_minutes_message_2{ margin-left: 106px !important; margin-bottom: 7px; } /* multi screen, quickbroadcast, dataproviders, feed management, rs232, synced displays */ /* table#multi_screen_modes_table tbody tr td:not(.d-none), table#qb_table tbody tr td:not(.d-none), table#data_providers_table tbody tr td:not(.d-none), table#rss_table tbody tr td:not(.d-none), table#rs232_table tbody tr td:not(.d-none), table#synced_displays_table tbody tr td:not(.d-none) { padding-top: 6px; padding-bottom: 6px; padding-left: 12px; font-size: 12px; font-weight: 500; } */ input.form-control.dynamic_add_name { border: 1px solid rgb(206, 212, 218) !important; } .dynamic_add_name::placeholder { color: #000 !important; } span.new-btn-floating.btn-orange.helpButton.pop.helpLink.helpButton.m-0.m-1 { margin-top: 4px !important; margin-left: 5px !important; } span.new-btn-floating.btn-orange.helpButton.pop.helpLink.m-0.ml-1 { margin-top: -3px !important; margin-left: 5px !important; } .modal .btn.startVideoTesting, .modal .btn.startMicTesting, .modal .btn.startSpeakerTesting, .modal .btn.saveChangesBtn { color: #000 !important; border: 1px solid #000 !important; } .btn.testingDevices, .btn.startVideoTesting, .btn.stopVideoTesting, .btn.startMicTesting, .btn.stopMicTesting, .btn.startSpeakerTesting, .btn.stopSpeakerTesting, .btn.cancelBtn, .btn.saveChangesBtn { padding: 10px !important; border-radius: 10px !important; } .form-control-sm { border-radius: 0.4rem !important; height: calc(1.5em + .5rem + 2px) !important; color: #fff !important; background-color: var(--media-pullout-background-color) !important; border: 1px solid #fff !important; } #rss_type.form-control-sm { border-radius: 0.4rem !important; height: calc(1.5em + .5rem + 2px) !important; color: #000 !important; background-color: #fff !important; border: 1px solid #565656 !important; } .form-control-lite:not(.synced_media_create_description, #notes_field, #description_field, #qb-name, #qb-dp-groups, #qb-groups, .quick-broadcast, .date_qb, .activity_date_picker, #media_desc) { border-radius: 0.4rem !important; height: 23px !important; color: black!important; background-color: #fff !important; border: 1px solid #fff !important; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; } input.manage-filter.activity_date_picker { color: var(--card-text-color) !important; } .form-control-sm-dates { border-radius: 0.4rem !important; height: calc(1.5em + .5rem + 2px) !important; /*border: 1px solid #fff !important;*/ background-color: #EFF3F6 !important;; width:178px; height: 30px !important; color:black !important; } input.form-control-lite.datatable-custom-column-search.manage-filter.datepicker.picker__input { height: 13px !important; margin-left: 7px; width: 133px; border: none !important; } .border{ border-width: 1px !important; border-color: #919191 !important; } .form-control-sm::placeholder{ color: #fff !important; } div#activity_date_from_filter { color: black !important; background-color: white !important; } div#activity_date_to_filter { color: black !important; background-color: white !important; } .card .form-control-lite:not(.datepicker, .modal .form-control-lite) { color: var(--card-text-color) !important; background-color: #fff !important; } .picker__date-display { background-color: var(--clr-brand-primary) !important; } .dtp-header { background-color: var(--clr-brand-primary) !important; } .dtp-date { background-color: var(--clr-brand-primary) !important; } .dtp table.dtp-picker-days tr > td > a.selected { background-color: var(--clr-brand-primary) !important; color: #fff !important; } .form-control-lite:not(.datepicker, .modal .form-control-lite) { color: var(--text-color) !important; background-color: var(--card-color) !important; } #myTabContent { font-size: 0.75rem !important; margin-left: 15px; margin-top: 5px; } #provider_details_card #myTabContent { padding-top: 1rem !important; } div#screencap_timestamp { font-size: 16px !important; color: black !important; } h4.font-weight-bold.mb-0.contentGroup-header { font-weight: 400 !important; color: #000; text-transform: capitalize; font-size: 1.25rem; font-family: "Poppins", sans-serif; } h4.font-weight-bold.mb-0.providersNameCardHeader{ font-weight: 400 !important; } .card-body.pt-1.full-scroll.maxHeight.display_table { background-color: white; } .full-scroll { height: 100%; overflow-y: auto; } #library_search { padding: 4px !important; margin-right: 4px !important; /* margin-top: 8px !important;*/ border: 1px solid #fff !important; background-color: var(--media-pullout-background-color) !important; } #library_search::placeholder{ color: #fff !important; } .search_filter_not_empty { border: 3px solid var(--filter-highlight-not-empty-color) !important; } .search_filter_not_empty_word { color: var(--filter-highlight-not-empty-color) !important; } .media-compat-filters { background-color: var(--card-color); margin-top: -16px; } /* Buttons */ img#group-cancel-button{ margin-top:11px !important; } img#profiles-cancel-button{ margin-top:9px !important; } img#playlists-cancel-button{ margin-top:7px !important; } .container>.row.mt-4.container-header-row { margin-right: -30px; margin-top: -8px !important; background-image: linear-gradient(#28334c, #374563); width: 102.29%; /*max-height: 74px;*/ min-height: 74px; } .back_button { margin-top: 10px; } /* Used for stand alone dialogs */ #recent_card_container { font-family: "Poppins", sans-serif; } .dropdown-item.dropdown-submenu { padding: 0px !important; } .svg-icon-btn:not(.canva_logo) { filter: invert(36%) sepia(3%) saturate(11%) hue-rotate(356deg) brightness(65%) contrast(92%); } .svg-icon-btn:not(.template_cd_btn_icon, .canva_logo):hover { filter: invert(36%) sepia(3%) saturate(11%) hue-rotate(356deg) brightness(85%) contrast(92%); } .svg-icon-filter-button { width: 16px; height: 16px; } .svg-icon-filter-button-small { height: 11px !important; } .svg-modal-footer-btn { width: 20px; height: 20px; justify-content: center; align-items: center; text-align: center; vertical-align: middle; } input.manage-filter { color: #fff !important; /*background-color: var(--clr-header-text-dark) !important;*/ } #library_expand_button .fas { color: var(--icon-color) !important; } #playlist_view_library .dialog_close_button .fas { color: var(--icon-color) !important; } .new-btn-floating { box-shadow: none !important; -webkit-box-shadow: none !important; /* margin: 26px 10px 10px 10px !important; */ width: 25px !important; height: 25px !important; font-size: 17px !important; } .btn:hover { box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-simple{ font-size: 1.5rem; width: 4rem; height: 4rem; border: 0; border-radius: 0.25rem; justify-content:center; align-items:center; text-align:center; padding: .5rem .5rem .5rem .5rem !important; margin-right: 1rem; } .btn-floating { margin: 5px; width: 2.2rem; height: 2.2rem; border-radius: .25rem; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-floating.btn-med { width: var(--action-btn-width); height: var(--action-btn-height); } .btn-floating.btn-info { width: var(--action-btn-width); height: var(--action-btn-height); } .btn.dropdown-toggle { background-image: linear-gradient(to right, #015eea, #00b3e9 ) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 9px 9px 9px 9px !important; height: 33px; width: 105px; font-size: 0.9rem; } /*.btn.chevron { color: var(--clr-btntext) !important; } */ .mini-button { color: var(--card-text-color) !important; background-color: var(--button-clear); } .mini-button a:link { color: var(--card-text-color) !important; } .folder_ellipsis { margin-right: 5%; } .double-card-search, #media_format_filter, #playlist_name_search, #media_name_search, #playlists_format_filter, #playlists_status_filter, #media_status_filter, #group_name_search, #group_name_search, #location_search, #location_player_name_search, #location_players_type_filter, #location_players_status_filter, #users_search, #users_profile_filter, #user_player_name_search, #uuser_players_type_filter, #user_players_status_filter, #user_group_name_search, #user_playlist_name_search, #user_playlists_format_filter, #user_playlists_status_filter, #user_activity_search, #user_activity_from_date, #user_activity_to_date, #user_activity_type_filter, #user_group_name_search, #profiles_search, #profile_user_name_search, #player_name_search, #players_type_filter, #players_status_filter, #group_name_search, #playlist_name_search, #folder_name_search, #rss_name_search, #group_player_name_search, #group_search, #agent_search, #group_players_type_filter, #group_players_status_filter, #user_activity_search, #users_search { padding: 4px !important; border-width: 1px !important; border-color: #000000 !important; color: black !important; background-color: white !important; } #user_activity_from_date::placeholder, #user_activity_to_date::placeholder { color: #000 !important; } #group_player_name_search::placeholder { color: #000 !important; } #agent_search::placeholder { color: #000 !important; } .qb_clear_btn .fas { color: var(--text-color) !important; } .qb_clear_btn:hover .fas:hover { color: var(--text-color) !important; } #zoom_btns .fas.fa-times, #ctrl_click_message { color: #000 !important; } #zoom_btns .fas.fa-search-plus { color: var(--media-compat-warning-background-color); } #zoom_btns .fas.fa-search-minus { color: var(--filter-highlight-not-empty-color); } #profile_user_name_search::placeholder, #folder_name_search::placeholder, #rss_name_search::placeholder { color: #000 !important; } .white-skin .btn { background-color: var(--button-clear); } .btn-sm-grouped:has(i.fas):hover { color: var(--icon-color) !important; background-color: var(--button-clear) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-sm-grouped:has(i.fas.add-icon) { color: black !important; background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-sm-grouped:has(i.fas.add-icon):hover { color: black !important; background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-xs-sm:has(i.fas) { color: var(--icon-color) !important; background-color: var(--button-clear) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-xs-sm a:has(i.fas) { color: var(--icon-color) !important; background-color: var(--button-clear) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .btn-xs-sm:has(i.fas):hover { color: var(--icon-color) !important; background-color: var(--button-clear) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .picker__footer>.clockpicker-button.clear-button, .picker__footer>.clockpicker-button.clear-button:hover { color: #666 !important; } .picker__footer>.clockpicker-button.close-button, .picker__footer>.clockpicker-button.close-button:hover { color: #666 !important; } .picker__footer>.clockpicker-button.done-button, .picker__footer>.clockpicker-button.done-button:hover { color: #666 !important; } .picker__footer>.picker__picker-button--ok, .picker__footer>.picker__picker-button--ok:hover { color: #666 !important; } .picker__footer>.picker__picker-button--close, .picker__footer>.picker__picker-button--close:hover { color: #666 !important; } .picker__footer>.picker__picker-button--clear, .picker__footer>.picker__picker-button--clear:hover { color: #666 !important; } .picker__box .picker__table .picker__day.picker__day--today { /* color: #fff !important; */ } .white-skin .btn.dropdown-toggle { background-image: linear-gradient(to right, #88C7CB, #2A3FD5) !important; /* background-color: transparent !important; */ color:var(--button-text-color) !important; border-radius: 20px 20px 20px 20px; height: 0.05rem; } .white-skin .btn.dropdown-toggle:hover, .white-skin .btn.dropdown-toggle:focus { background-image: linear-gradient(to right, #88C7CB, #2A3FD5) !important; color: var(--clr-btntext) !important; border-radius: 20px 20px 20px 20px; height: 0.05rem; } .btn.cards-btn, .btn.cards-btn:hover{ background-color: #2A3FD5 !important; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 9px 9px 9px 9px; height: 33px; width: 85px; font-size: 1.05rem; } .btn:hover, .btn:focus, .btn:active, .btn.disabled, .btn[disabled]{ /*color: var(--clr-btntext) !important;*/ /* background-color: var(--clr-button);*/ text-decoration: none !important; } .btn-:active, .btn-.active { background-color: var(--clr-button) \9; } .btn { font-size: .75rem; background-color: transparent; color: var(--icon-color) !important; /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */ text-decoration: none; /*margin: 0rem;*/ min-width: var(--action-btn-width); min-height: var(--action-btn-height); justify-content:center; align-items:center; text-align:center; padding: 0.25rem 0.5rem 1rem 0.5rem !important; box-shadow: none; } .btn:hover, .btn-floating:hover { filter: brightness(1.1) !important; } .fa-question { font-size: 15px !important; } .player-button a.btn.btn-long-md { background-color: var(--media-pullout-background-color) !important; color: var(--text-color) !important; } .btn-red { background-color: var(--media-pullout-background-color) !important; color: var(--text-color) !important; padding-top: 3px !important; } .btn.btn-sm { width: var(--action-btn-width); height: var(--action-btn-height); background-color: var(--button-clear); color: var(--icon-color); box-shadow: none; } .btn.btn-xs-sm { background-color: var(--button-clear) !important; color: var(--icon-color) !important; box-shadow: none; } .btn.btn-flat{ width: var(--action-btn-width) !important; height: var(--action-btn-height) !important; } .btn.btn-md { min-width: 2.2rem; min-height: 2.2rem; background-color: var(--button-clear); color: var(--icon-color) !important; box-shadow: none; } .white-skin .btn-primary { color: var(--icon-color) !important; background-color: var(--button-clear) !important; } .btn.btn-long-md { min-width: 4.2rem; min-height: 2.2rem; background-color: var(--button-clear); /* color: var(--button-text-color) !important;*/ box-shadow: none; } a.btn.btn-long-md { background-color: #535f76 !important; color: var(--button-text-color) !important; } a.btn.btn-long-md:hover { background-color: var(--clr-button-background-hover) !important; /*color: var(--button-text-color) !important;*/ } button.btn > i { /* background-color: var(--button-clear) !important; */ } .btn.action-button { width: var(--action-btn-width); height: var(--action-btn-height); } .btn.action-button-sm{ width: 1.5rem; height: 1.5rem; font-size: .5rem; } .btn-floating { margin: 5px; width: 2.2rem; height: 2.2rem; } .library-link:hover { border-radius: 50% !important; min-width: 0rem !important; min-height: 0rem !important; width: 55px; height: 55px; } .library-link-2:hover { border-radius: 50% !important; min-width: 0rem !important; min-height: 0rem !important; width: 55px; height: 55px; } a.btn:not(.btn-filled-skip):hover { background-color: var(--clr-brand-primary) !important; color: #fff !important; } a.btn:hover > i { /* background-color: var(--clr-brand-primary) !important; */ color: #fff !important; } #upload-media > i.fas.ok-icon, #upload-cancel:not(.cancel_tag) i.fas.cancel-icon { color: var(--clr-brand-primary); } i.fas.add-icon.fa-lg.modal-add-button { color: white !important; } /* #add-file-button > i.fas.fa-xl.add-icon { color: var(--clr-brand-primary) !important; } */ #upload-cancel.data-providers-x-icon { background-color: var(--clr-brand-primary) !important; } #upload-cancel.data-providers-x-icon > i.fas.cancel-icon { color: white; } /* .double-card #maintenance button.btn > i { color: var(--icon-color) !important; }*/ .maintenance-page-icons, .dual-card-add-icon{ font-size: 20px; vertical-align: middle; } .fas.add-icon.dual-card-add-icon { color: #1ca4ed !important; margin-top: 10px; } .fas.notes-icon.maintenance-page-icons{ color: #9d4c1b !important; } .fas.chart-icon.maintenance-page-icons{ color: #c8c600 !important; } .fas.sync-icon.maintenance-page-icons{ color: #1881c4 !important; } .fas.fa-hand-point-up.maintenance-page-icons{ color: #7909d0 !important; } .fas.bug-icon.maintenance-page-icons{ color: #d00909 !important; } .fas.preview-icon.maintenance-page-icons{ color: #1b9d67 !important; } .mt-player-pie-icon.maintenance-page-icons { color: #eb992f !important; } .reloadButton .fa-redo-alt { margin-left: 10px; } .double-card #profiles button.btn > i { /*color: var(--icon-color) !important;*/ } button.btn > i { /* color: var(--button-text-color); */ } .grey-button-text > i { color: var(--icon-color) !important; } a.btn { color: var(--button-text-color) !important; } table.table-tile-view tbody { justify-content: center; /*margin-left: -31px;*/ background-color: #fff; } .wideRemoveButton > a > i { color: var(--button-text-color) !important; } .schedule-header { color: black !important; } a.btn:not(.btn-red, .btn-long-md, .btn-sm), a.edit-color > i { color: var(--icon-color) !important; } .table-top-items-add-playlist .btn-sm-grouped > i { color: var(--icon-color) !important; } div.mode-view-mode > a.btn > i { color: var(--icon-color) !important; } div.mode-view-mode > a.btn > i.delete-icon { color: #fff !important; } div.mode-view-mode > a.btn:hover > i { color: var(--button-text-color) !important; } div.smart-list-container button.btn > i { color: var(--icon-color) !important; } div.provider-view-mode > a.btn > i { color: #fff !important; } div.provider-view-mode > a.btn:hover > i { color: var(--button-text-color) !important; } #properties button > i { color: var(--icon-color) !important; } #locations button > i { color: var(--icon-color) !important; } #details div.btn > a > i { /*color: var(--button-text-color) !important;*/ } #new_configuration_link > i { color: var(--icon-color) !important; } #new_configuration_link:hover > i { color: var(--button-text-color) !important; } .sl_center_bar { align-content: center; } #edit_list_button, #edit_background, #remove_background { padding: 0px !important; } .schedule_div { margin-left: 5px; } .playlist_media_delete_button i { color: var(--card-text-color) !important; } a.btn:has(img.svg-icon-btn):not(.library-link, .template_cd_btn):hover{ background-color: var(--button-clear) !important; } #formLogs .form-group label, #formLogs .form-group input::placeholder { color: #000; } a.btn > img:hover { background-color: var(--button-clear) !important; } .white-skin .btn-primary:hover { background-color: var(--button-clear) !important; color: var(--text-color) !important; } .md-form .btn.checkbox-save-icon, .md-form .btn.checkbox-save-icon:hover, .md-form .btn.checkbox-save-icon:hover > .fas { color: var(--nav-bar-text-color) !important; background-color: var(--button-clear) !important; } .md-form .btn.datatable-clear-filter .fas, .md-form .btn.datatable-clear-filter .fas:hover, .md-form .btn.datatable-clear-filter:hover > .fas { color: var(--icon-color) !important; } #multi_actions.multi-actions-container .btn i.fas.fa-ban, #multi_actions.multi-actions-container .btn i.fas.disable-icon, #multi_actions.multi-actions-container .btn i.far.enable-icon { color: #c65cf7 !important; } #multi_actions.multi-actions-container .btn i.fas.fa-trash, #multi_actions.multi-actions-container .btn i.fas.delete-icon { color: #ff6060 !important; } #multi_actions.multi-actions-container .btn i.fas.maintenance-icon { color: #0461ed !important; } #multi_actions.multi-actions-container .btn i.fas.groups-icon { color: #f7894b !important; } .md-form .btn.datatable-clear-filter.express_clear_button .fas, .md-form .btn.datatable-clear-filter.library_clear_button .fas, .md-form .btn.datatable-clear-filter.playlist_clear_button .fas, .md-form .btn.datatable-clear-filter.player_clear_button .fas, .md-form .btn.datatable-clear-filter.player_maintenance_cancel .fas, .md-form .btn.activity-clear-filter .fas { color: var(--icon-color-white) !important; } #user_activity_search::placeholder { color: #000 !important; } #location_search::placeholder, #location_player_name_search::placeholder, #user_player_name_search::placeholder, #user_group_name_search::placeholder, #user_playlist_name_search::placeholder, #user_group_name_search::placeholder { color: #000 !important; } #user_players_type_filter.user_players_type_filter, #user_players_type_filter.user_players_type_filter option{ background-color: #fff !important; color: #000 !important; border: 1px solid black !important; } .white-skin .btn-primary { color: var(--icon-color) !important; } .dialog_close_button { color: var(--button-text-color) !important; } .white-skin .btn-primary:not([disabled]):not(.disabled):active, .white-skin .btn-primary:not([disabled]):not(.disabled).active, .show>.white-skin .btn-primary.dropdown-toggle { background-color: var(--clr-brand-primary) !important; color: var(--text-color) !important; } #content #tile_select_all { color: var(--card-text-color) !important; } #content #tile_deselect_all { color: var(--card-text-color) !important; } .btn-primary { background-color: transparent !important; } .btn-action-icon { height: 16px; margin: 0px; } .toast { background-color: var(--multi-select-background-color) !important; color: var(--multi-select-text-color) !important; } .toast-header { background-color: var(--multi-select-background-color) !important; color: var(--multi-select-text-color) !important; } .toast-header .close { color: var(--multi-select-text-color) !important; } .toast-body .close { color: var(--multi-select-text-color) !important; } .toast .btn.btn-xs-sm { color: var(--multi-select-text-color) !important; } .toast .btn.btn-xs-sm a:has(i.far) { color: var(--multi-select-text-color) !important; } .toast .btn.btn-xs-sm a:has(i.far):hover { color: var(--multi-select-text-color) !important; } .toast .btn.btn-xs-sm a:has(i.fas) { color: var(--multi-select-text-color) !important; } .toast .btn.btn-xs-sm a:has(i.fas):hover { color: var(--multi-select-text-color) !important; } .white-skin .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover { background-color: var(--nav-hover-background) !important; /*color: rgb(255, 255, 255) !important;*/ color: var(--nav-color) !important; } .nav-menu-item { padding-right: 0rem; font-family: "Poppins", sans-serif !important; } .nav-menu-item:hover > .dropdown-menu { display: inline-block; } .tile-view-thumbnail-img { cursor:pointer; } #rtc_activity { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .player_activity_list_link { font-weight: 600; } .dropdown-menu { box-shadow: 5px 5px 12px rgb(0 0 0 / 0.2); padding: 1rem 0rem 0rem 1rem; min-width: 11rem; border: none; border-radius: 7px 7px 7px 7px; } .fa-question-media-playlist-flyout-icon { background-color: #e18e12 !important; } .nav-tabs { border-bottom: none; } .modal-content { /*padding: 0.7rem;*/ padding: 0rem; } .modal-content:has(.cdPreview) { padding: 0; } .modal-body { padding: 0.8rem; } .modal-header { /* border-bottom: none !important; */ border: none !important; } .nav-tabs .nav-item.show .nav-link, .nav-tabs:not(.properties_tab) .nav-link.active, .nav-tabs:not(.locations_tab) .nav-link.active { background-color: transparent !important; border-color: var(--card-color) !important; color: var(--card-text-color) !important; font-family: "Poppins", sans-serif; font-weight: 600; text-decoration-color: #000 !important; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; } .nav-tabs:not(.properties_tab) .nav-link.active, .nav-tabs:not(.locations_tab) .nav-link.active { text-decoration-color: #000 !important; text-decoration: underline !important; text-decoration-thickness: 0.2em !important; } .nav-tabs .nav-link:hover { border-color: var(--card-color) !important; cursor: pointer; text-decoration-color: #000 !important; text-decoration: underline !important; text-underline-offset: 6px !important; text-decoration-thickness: 0.1em !important; } .nav-tabs .nav-link { border: 0px; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 10px; } #viewBtn { padding-top: 9px !important; font-size: 12px !important; } .table-top-items { background-color: var(--card-color) !important; color: var(--card-text-color) !important; } .upload_duration, #instruct { color: var(--clr-btntext) !important; } .upload_tags > .caret { color: var(--modal-text-color-2) !important; } .upload_tags input { padding-top: 0px !important; padding-left: 5px !important; } .card-body table.table-view-info tr td:first-child{ color:var(--card-text-color); } table.table-view-info tr td:first-child { color:var(--text-color); font-weight:400; } table.table-view-info tr td.summaryWidgetName { color: var(--card-text-color) !important; font-weight: 600 !important; } .table-body-border tbody { border-bottom: 0px; border-top: 0px; } table.table-tile-view tbody div.tile-buttons { margin-left: 20px; } table.table-tile-view tbody td { overflow: visible; margin-left: 35px; } table.table-tile-view tbody .tile-view-thumbnail { width: 118.29%; height: 160px; align-items: flex-end; box-shadow: none; border: none; margin: -14% 0px 0px -51px; background-color:transparent; } #profile_name_search::placeholder { color: #000 !important; } table.table-tile-view tbody .tile-view-thumbnail-img.tile-lg-wide img { width: 112.63%; margin-left: 8px; } table.table-tile-view tbody .tile-view-thumbnail .tile-view-thumbnail-img.tile-lg-standard, table.table-tile-view tbody .tile-view-thumbnail .tile-view-thumbnail-img.tile-lg-multi { margin-left: 80px !important; } table.table-tile-view tbody .tile-view-thumbnail .tile-view-thumbnail-img.tile-lg-vertical { margin-left: 142px !important; } /* Hamburger menu text */ .white-skin .side-nav .collapsible li a:not(.collapsible-header){ color: black; } .simple-link{ text-decoration: none !important; background-color: transparent !important; } .svg-menu-icon, .menu_image { color: var(--nav-main-color) !important; filter: invert(36%) sepia(3%) saturate(11%) hue-rotate(356deg) brightness(73%) contrast(92%); } .svg-menu-icon:hover { color: var(--clr-button) !important; } /* Forms */ /* Pagination bar numbers (Jens) */ .pagination .page-item.active .page-link { background-color: var(--clr-button-2); font-size: .9rem; color: white !important; z-index: 2; /*keep active pagination tab behind media compatibilities bar*/ } .pagination .page-item .page-link { font-size: .9rem; border-radius: 1rem !important; /*color: var(--pagination-link-color) !important;*/ } .paginate_button .page-item .active{ background-color: var(--clr-button-2); color: white !important; } .pagination .page-item.disabled .page-link { color: white; } .pagination .page-item.active .page-link:hover { font-size: .9rem; color: white; background-color: var(--clr-button-2); } .pagination .page-link:focus { font-size: .9rem; color: white; background-color: var(--clr-button-2); } .page-link{ color: #404347 !important; } .inner-paginate-row{ font-size: 1rem; font-weight: 600; color: var(--clr-header-text-dark); padding-left: 20px; margin-left: -20px; background-color: var(--paginate-row-background-color) !important; } .outer-paginate-row-bg { background-color: var(--paginate-row-background-color) !important; } /* here */ .pagination .page-item .page-link:hover { font-size: .9rem; color: white !important; background-color: transparent; border-radius: 1rem !important; } .container.outer-paginate-row-bg.mt-2.feed_table_paging { min-width: 100%; } .inner-paginate-row.paginate-bottom.d-flex.align-items-center{ margin: -16px 0px 0px 0px; } /* here */ .paginate_button:hover{ background-color: var(--clr-button-2); color: var(--clr-btntext); border-color: transparent; border-radius: 50% !important; } .page-item.active:hover { background-color: var(--clr-brand-accent); color: var(--clr-btntext); } .page-item.active:focus { background-color: var(--clr-button) !important; color: var(--clr-btntext); } .page-item.active .page-link:focus { background-color: var(--clr-button) !important; color: var(--clr-btntext); } div.dataTables_paginate ul.pagination .page-item.active .page-link:focus { background-color: var(--clr-button) !important; color: var(--clr-btntext); } div.dataTables_paginate ul.pagination{ margin-bottom: 10px !important; padding-bottom: 10px; /*background-color: #F4F7F9 !important;*/ } .library_content_div .dataTables_paginate>ul.pagination { margin-bottom: 0px !important; padding-bottom: 0px !important; } #media_library_table_paginate{ background-color: var(--media-pullout-background-color) !important; } a[aria-controls="media_library_table"]{ color: white !important; } #media_library_table > tbody > .odd.moveable.ui-draggable.ui-draggable-handle { margin-left: 0px; } #media_library_table > tbody > .even.moveable.ui-draggable.ui-draggable-handle { margin-left: 0px; } ul.list-group.list-group-flush.m-2.contentGroup.minHeight.maxWidth.ui-sortable.ui-droppable > li.list-group-item.border.maxWidth.m-1.singleContent.firstContent.ui-sortable-handle > p.contentName > a.underline { color: black !important; } ul.list-group.list-group-flush.m-2.contentGroup.minHeight.maxWidth.ui-sortable.ui-droppable > li.list-group-item.border.maxWidth.m-1.singleContent.firstContent.ui-sortable-handle > p.contentLength > a.underline { color: black !important; background-color: white; } ul.list-group.list-group-flush.m-2.contentGroup.minHeight.maxWidth.ui-sortable.ui-droppable > li.list-group-item.border.maxWidth.m-1.singleContent.firstContent.ui-sortable-handle > p.contentLength > a.underline:hover { color: black !important; background-color: white; } #media_library_table > tbody > .odd.moveable.ui-draggable.ui-draggable-handle:hover { background-color: var(--clr-button-background-hover) !important; } #media_library_table > tbody > .even.moveable.ui-draggable.ui-draggable-handle:hover{ background-color: var(--clr-button-background-hover) !important; } div.dataTables_wrapper div.dataTables_paginate ul.pagination{ background-color: transparent !important; padding-top: 8px !important; } .emptyBorder { border: 2px solid #bbbbbb; text-align: center; } .container.bottomContainer{ background-color: var(--dashboard-background-color); } #create_group_modal_switch, #create_group_modal_switch:hover { width: auto !important; align-content: end !important; } #command { width: auto; border-width: 1px; border-color: #919191; border-radius: 6px; height: 23px; font-size: 13px; } #rs232_search { width: 178px !important; padding: 4px !important; border-radius: 6px !important; border: 2px solid #919191 !important; font-size: 13px !important; color: black !important; background-color: white !important; } #rs232_search::placeholder{ color: black !important; } #rs232_player_name_search{ width: 178px !important; padding: 4px !important; border-radius: 6px !important; border: 2px solid #919191 !important; font-size: 13px !important; } #rs232_players_type_filter{ width: 178px !important; padding: 4px !important; border-radius: 6px !important; border: 2px solid #919191 !important; font-size: 13px !important; } #synced_display_search{ width: 178px !important; padding: 4px !important; border-radius: 6px !important; border: 2px solid #919191 !important; font-size: 13px !important; margin-top: 15px; margin-left: 24px; color: black !important; background-color: white !important; } #synced_display_search::placeholder{ color: black !important; } #rs232_players_status_filter{ width: 178px !important; padding: 4px !important; border-radius: 6px !important; border: 2px solid #919191 !important; font-size: 13px !important; } input#rss_search { width: 178px !important; border-radius: 6px !important; border: 2px solid #919191 !important; color: black !important; background-color: white !important; } input#rss_search::placeholder { color: black !important; } select#rss_search { width: 178px !important; border-radius: 6px !important; border: 2px solid #919191 !important; color:black !important; background-color:transparent !important; } #providers_search{ width: 178px !important; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; font-size: 13px !important; color:black !important; background-color: #fff !important; } #providers_search::placeholder { color:black !important; } #hunt_group_search { width: 178px !important; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; height: 23px !important; font-size: 13px !important; color: black !important; background-color: #fff !important; } #hunt_group_search::placeholder { color:black !important; } #name_search{ color: black !important; background-color: #fff !important; } #name_search::placeholder{ color: black !important; } #rss_table_clear .fas:hover, #rss_table_clear:hover > .fas { color: var(--icon-color) !important; } button#providers-clear-search-button { margin-top: 0px; } #reporting_clear:hover > .fas, #reporting_clear .fas:hover, #reporting_group_clear:hover > .fas, #reporting_group_clear .fas:hover { color: var(--icon-color) !important; } #activity_search{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; font-size: 13px; color: black !important; background-color: white !important; } #activity_search::placeholder{ color: black !important; } #schedule_search{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; font-size: 13px; color: black !important; background-color: white !important; } #schedule_search::placeholder, #location_search::placeholder, input#users_search::placeholder, input#profiles_search::placeholder, input#users_search::placeholder, input#users_search::placeholder{ color: black !important; } #media_errors_recent{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /*height: 25px !important;*/ font-size: 13px; background-color: white !important; color: black !important; margin-left:12%; } #activity_user_filter{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /*height: 25px !important;*/ font-size: 13px; color:#000 !important; background-color: #fff !important; } #activity_type_filter{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /*height: 25px !important;*/ font-size: 13px; color:#000 !important; background-color: #fff !important; } #search_name_tag_manage_modal{ width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; /*height: 25px !important;*/ font-size: 13px; color:#000 !important; background-color: #fff !important; margin-bottom: 10px; } #search_name_tag_manage_modal::placeholder{ color: black !important; } table#cloneTable { background-color: transparent !important; } .form-group.row>table { background-color: transparent; color: white; } select#promptType { color: black !important; background-color: white !important; } input#synced_display_search { margin-top: 10px; width: 178px !important; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; font-size: 13px !important; } .container.row:not(.container.row + .container.row){ color:red !important; } .page-link:hover { z-index: 2; color: white !important; text-decoration: none; background-color: var(--clr-brand-accent); border-color: #dee2e6; } .dataTables_paginate > .pagination { font-size: .75rem; } /* Select controls */ .select-tall{ height: var(--action-btn-height) !important; } .folders_list div { color: white !important; } .row.row-less.sourceSelectDiv.d-flex.md-form.my-2 { padding-left: 31px; padding-top: 5px; } #playlist_library_popout_source_select{ width:64% ; } #playlist_library_popout_library_content_tab{ padding-left: 30px; width: 125%; } /* select { border-radius: 1rem!important; } */ /* Anchor Tags*/ .player-tile-view a:link { color: var(--card-text-color) !important; } table.table a { color: var(--card-text-color); font-size: .75rem; } #menu_item>a:link { color: #000 !important; } #menu_item.no_animation>a:link { color: #4d3f3f !important; } #menu_item>a:hover { color: #000 !important; } a:link { text-decoration: none; } a:hover:not(.dropdown-item, .nav-link, .sidebar-link, .action-icon-text, .dropdown-toggle, .extra_options, .player_activity_list_link, .list-group-training_videos, .add_all_content_link) { text-decoration: none !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; cursor:pointer; color: black !important; } a.extra_options:hover { cursor:pointer; text-decoration: none !important; } .cards-form-group .dropdown-item { margin-left: 0px !important; } .card-text a:hover:not(.dropdown-item, .nav-link, .sidebar-link, .action-icon-text) { color: black !important; } .btn:hover, .btn:focus, .btn:active { box-shadow: none !important; -webkit-box-shadow: none !important; } .navbar-brand { left:30px !important; } a{ color: black; cursor: default; } /* selected link */ a:active:not(.nav-link) { color: var(--clr-button); text-decoration: underline; } a:hover{ color: var(--clr-button); text-decoration:none; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } a:disabled:hover{ color: var(--clr-button); } .table-responsive-custom { width: 70% !important; } /* Page Header */ .page-header { color: var(--clr-page-header-text); font-size: 1.35rem; text-transform: uppercase; font-weight: 600 !important; margin-left: 7px; font-family: "Poppins", sans-serif; /*margin-top: 13px;*/ } h3#data-providers-page-header { margin: 1rem 0rem 0rem 0rem; } span#data-providers-help-icon { margin-top: 1.1rem; } span#rs232-help-tooltip { margin: 24px 0px 0px 6px !important; } a#agents-btn, a#log-btn { margin-top: 12px; padding-top: 9px !important; } a#agents-btn:hover, a#log-btn:hover { margin-top: 12px; padding-top: 9px !important; } p#online-status { margin-top: 5px; } h3.mb-0.page-header.dashboard-header { font-size: 1.45rem; font-family: "Poppins", sans-serif; font-weight: 600 !important; } h3#playlists-page-header { margin: 1.3rem 0px 0px 0px; } h3#hunt-groups-page-header { margin-top: 1.35rem !important; } h3#wayfinding-page-header-alignment { margin-left: 1rem !important; } .header-filter-vertical-alignment { margin-top: 0.8rem; } h3#multiscreen-page-header { margin-top: 1.4rem; } #location-page-header-alignment, #user-activity-page-header-alignment, #users-page-header-alignment, #profiles-page-header-alignment { margin-top: 25px !important; } .header-icon-button-alignment{ margin-top: -10px !important; } h3.page-header.mb-0.page-header-alignment { margin-top: 3px; } h3#player-stats-by-group-title { margin-top: 6px !important; } .row.container-header-row > .col > .float-left.form-inline > h3.page-header.mb-0 { margin-top: 1.5rem; } #players-listview-icon { margin-right: 20px; } a.btn.edit-colour, a.btn.edit-mode-start, a.btn.provider_delete { border-radius: 50%; background-color: var(--filter-highlight-not-empty-color); } a#mode_edit_mode.btn.edit-colour > i, a.mode_delete.btn.edit-colour, a.btn.edit-mode-start > i, a.btn.provider_delete > i, a.mode_delete.btn.edit-colour > i, a.btn.edit-mode-finish > i, a.btn.edit-mode-cancel > i, a.btn.profile_delete > i, a.btn.rss_update > i, a.btn.rss_edit > i, a.btn.rss_delete > i, #group_edit_mode i, #schedule_edit i, #schedule_delete i, #location_edit_mode i, #location_delete i, #settings_edit_mode i { color: #fff !important; margin-top: 13px !important; } .tfa_token { margin-top: 10px; } #two_fa_button.two_fa_button, #login_enable_button.login_enable_button { padding-top: 14px !important; border-radius: 20px !important; /* width: 10%; */ } #section_select:disabled, #paging_speed_select:disabled { background-color: lightgrey !important; color: darkgray !important; } #reset_button.reset_button { padding-top: 14px !important; border-radius: 20px !important; /* width: 20%; */ } .standard-support-button { font-size: 0.7rem !important; } .standard-support-button:hover { font-size: 0.7rem !important; text-decoration: underline !important; } #form-submit.pass-reset { padding-top: 14px !important; border-radius: 20px !important; /* width: 20%; */ } .dataTables_length label{ margin: 0px 0px 0px 20px !important; } #quick-add-button{ background-image: linear-gradient(to right, #015eea, #00b3e9) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 9px 9px 9px 9px; height: 33px; width: 105px; font-size: 1.05rem; } .long-button-blue{ background-image: linear-gradient(to right, #015eea, #00b3e9) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 2px 9px 9px 9px !important; height: 33px; min-width: 105px !important; font-size: 11px; } .long-button-blue:hover{ background-image: linear-gradient(to right, #015eea, #00b3e9) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 2px 9px 9px 9px !important; height: 33px; min-width: 105px !important; font-size: 11px !important; } #wayfinding_name_search, #wayfinding_name_search::placeholder, #wayfinding_floor_search, #wayfinding_floor_search option { background-color: #fff !important; color: #000 !important; /* border: 1px solid #000 !important; */ } .users_buttons .btn.edit-colour .edit-icon, .users_buttons .btn.edit-colour .delete-icon, .users_buttons .btn.edit-colour .save-icon, #hunt_group_edit_mode i, #group_delete i, #rs232_edit_mode i, #rs232_delete i { margin-top: 13px !important; } #group_delete.agent_delete i { margin-top: 0px !important; } #group_delete.agent_delete i:hover { color: #fff !important; } #users_export_csv .save-icon { color: var(--icon-color-white) !important; } #wayfinding_floor_search, #wayfinding_floor_search option { border: 1px solid #000 !important; } .long-button-orange{ background-image: linear-gradient(to right, #e18e12 0%, #fb5436 100%) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 2px 9px 9px 9px !important; height: 33px; line-height: 0.95rem; min-width: 105px !important; font-size: 11px; } .long-button-orange:hover{ background-image: linear-gradient(to right, #e18e12 0%, #fb5436 100%) !important; font-family: "Poppins", sans-serif; color: var(--button-text-color) !important; border-radius: 20px 20px 20px 20px !important; height: 0.05rem; font-family: "Poppins", sans-serif; padding: 2px 9px 9px 9px !important; height: 33px; min-width: 105px !important; font-size: 11px !important; } .players_quick_button, .players_quick_button:hover { margin-top: 10px !important; padding-top: 9px !important; } #wayfinding_maps_select { color: #000 !important; font-size: 14px !important; } .map_title { color: #000 !important; width:30px; text-align:left; } .map_selector { width:320px; } #map_picker { height:2.2rem; } .modal .edit_lang_str .btn { color: var(--icon-color) !important; } #language_string_editor_iframe { border-radius: 10px !important; } a#add-standard-link:not(.playlist_add) { width: 32%; padding: 10px 0px 0px 0px !important; margin-bottom: 10px !important; } a#agents-link, a#call-logs-link, a#call-screen-link, a#hunt-group-link { padding-top: 9px !important; } #simple-table_filter > label >.form-control.form-control-sm{ color: black !important; background-color: white !important; border-width: 1px !important; border-color: #919191 !important; margin: -2px 0px 13px 0px; } div#add_tags_search_field_parent>input#search_name { color: black !important; background-color: white !important; border-width: 1px !important; border-color: #919191 !important; margin: 4px 0px 13px 0px; } #simple-table_filter > label >.form-control.form-control-sm::placeholder, div#add_tags_search_field_parent>input#search_name::placeholder{ color: black !important; margin-left:2px; } input.select-dropdown.form-control { margin-left: 0px !important; } li#delete_schedules_confirm > a { color: white !important; } #simple-table_length > label > .custom-select.custom-select-sm.form-control.form-control-sm { color: black !important; background-color: white !important; border-width: 1px !important; border-color: #919191 !important; } a.btn.circle-icon.waves-effect.waves-light>.d-inline>.fas.back-icon.action-icon-text { color: var(--tileview-listview-icon-color) !important; } a.btn.circle-icon.waves-effect.waves-light>.d-inline>.fas.run-icon.action-icon-text { font-size: 28px; color: var(--tileview-listview-icon-color) !important; margin: 3px 0px 0px 1px; } a.btn.circle-icon.waves-effect.waves-light>div>.d-inline>.fas.run-icon.action-icon-text, a.btn.circle-icon.waves-effect.waves-light>div>.d-inline>.fas.save-icon.action-icon-text { font-size: 28px; color: #fff; margin: 3px 0px 0px 1px; } a.btn.circle-icon.waves-effect.waves-light>.d-inline>.fas.save-icon.action-icon-text { font-size: 25px; color: var(--tileview-listview-icon-color) !important; margin: 5px 0px 0px 2px; } a.btn.circle-icon.waves-effect.waves-light>.d-inline>.fas.print-icon.action-icon-text,a.btn.circle-icon.waves-effect.waves-light>div>.d-inline>.fas.print-icon.action-icon-text { font-size: 25px; color: #fff !important; margin: 5px 0px 0px 1px; } #group_filter option, #player_status_filter option { background-color: var(--media-pullout-background-color); color: #fff !important; } a#sl-create, a#sl-update, a#sl-delete { margin-top: -15px !important; } #new_profile_link > i.fas.add-icon { vertical-align: middle; } a.btn.circle-icon.waves-effect.ajax-modal.waves-light.ml-auto.mb-0.mt-2 >.fas.add-icon { font-size: 20px; color: var(--button-text-color) !important; margin: 5px 0px 0px 0px; } .circle-icon > i.fas.add-icon { /*vertical-align: middle;*/ /*vertical-align: middle;*/ font-size: 20px; /* color: var(--tileview-listview-icon-color) !important; */ color: var(--icon-color-white) !important; } #maintenance > .add-icon.fas { color: #fff !important; } .btn-floating.circle-icon.ajax-modal.waves-effect.waves-light>.fas.add-icon{ font-size: 20px; /* color: var(--tileview-listview-icon-color) !important; */ color: var(--button-text-color) !important; margin: -2px 0px 0px 0px; } a#sl-update.btn.circle-icon.waves-effect.waves-light >.fa-floppy-disk { font-size: 20px; color: var(--button-text-color) !important; margin: 5px 0px 0px 0px; } a#sl-delete.btn.circle-icon.ajax-modal.waves-effect.waves-light >.fa-trash { font-size: 20px; color: var(--button-text-color) !important; margin: 5px 0px 0px 0px; } a.btn.circle-icon.waves-effect.waves-light:not(.analytics_button):hover { /* background-color:var(--clr-button-background-hover) !important; */ background-color:var(--filter-highlight-not-empty-color) !important; } .container-header-media + .container, .container-header-media + form { margin-top:10px; } #waiting_players_table_info > .dt-info{ margin-right: 13px !important; } h3.mb-0.page-header.dashboard-header { color: black; } #quick-broadcast-header{ margin-top: 0px !important; } #quick-broadcast-help-button{ margin-top: 7px !important; } #quick-broadcast-add-button-icon{ color: #fff !important; } #quick-broadcast-add-button-text{ color: #fff !important; } .add-icon.fas { color: var(--icon-color) !important; } .edit-colour .add-icon.fas { color: var(--icon-color-white) !important; } .qb_clear.fas { color: var(--icon-color) !important; } .btn:has(>i.groups_add.fas) { background-color: var(--filter-highlight-not-empty-color) !important; border-radius: 50% !important; } .groups_add.fas { color: var(--button-text-color) !important; } .groups_clear.fas { color: var(--icon-color) !important; } .ear_clear.fas { margin-top: 0px !important; color: var(--icon-color) !important; } #quickbroadcast-under-page-title{ background-color: var(--double-card-color) !important; width: 102%; } .area-header{ padding-top:25px; } .section-header{ color: var(--clr-brand-primary); font-size: 1.5rem; font-weight:Bold; } /* Text */ .info-text{ color:#fff !important; } .small-header{ color: var(--clr-brand-primary) !important; } .error-text, .red-text{ color: red; } .header-text{ color: var(--clr-header-text-dark) !important; } .body-text{ color: var(--clr-body-text); } /* Dialogs */ .dialog-background-colour{ background-color: #eeeeee; } /* Home Page */ /* .home-card-header { border-radius: .5rem; color:white; padding:25px; margin-bottom:0; text-align:center; font-weight:Bold; background-color: plain-action; } */ /* width */ .recent_activity_section::-webkit-scrollbar { width: 10px; } /* Track */ .recent_activity_section::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ .recent_activity_section::-webkit-scrollbar-thumb { background: grey; border-radius: 10px; } /* Handle on hover */ .recent_activity_section::-webkit-scrollbar-thumb:hover { background: black; } /*To Dos Card Scrollbar*/ .todo-card-scrollbar{ display: block; width: 400px; overflow-y: auto; overflow-x: hidden; height: 350px; padding: 1em; margin: 1em 50px 1em -24px; outline: 2px dashed transparent; } /* width */ /*.todo-card-scrollbar::-webkit-scrollbar { width: 10px; }*/ /* Track */ /*.todo-card-scrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; }*/ /* Handle */ /*.todo-card-scrollbar::-webkit-scrollbar-thumb { background: grey; border-radius: 10px; }*/ /* Handle on hover */ /*.todo-card-scrollbar::-webkit-scrollbar-thumb:hover { background: black; }*/ /* Filter Bar */ .form-control:not(.custom-select) { /* color: black !important; */ /* background-color: white !important; */ } #modal-form input#name, #modal-form select#dynamic_playlist:not([disabled]), #modal-form select#dynamic_folder:not([disabled]), #dynamic_play_after_x_assets, #dynamic_play_after_x_minutes { color: black !important; background-color: white !important; } #modal-form input#name::placeholder { color: black !important; } .custom-select { color: black !important; background-color: white !important; } .form-control-white-background { color: black !important; background-color: white !important; } .form-control:not(.login-input):focus { -webkit-box-shadow: 0 1px 0 0 #000 !important; box-shadow: 0 1px 0 0 #000 !important; } .field-bottom-border{ border-bottom:1px solid var(--clr-header-text-dark); } .field-bottom-border:focus:not([readonly]) { border-bottom: 1px solid var(--clr-header-text-dark); /* box-shadow: 0 1px 0 0 --clr-brand-accent !important; */ } /* Main Menu */ .main-menu-item{ color: white; } .mainmenu-home-icon::before{ content: "\f015"; color:white; font-size: 1.25rem; margin-right: 5px; } .mainmenu-library-icon::before{ content: "\f008"; color:white; font-size: 1.25rem; margin-right: 5px; } .mainmenu-playlists-icon::before{ content: "\f0ca"; color:white; font-size: 1.25rem; margin-right: 5px; } .mainmenu-players-icon::before{ content: "\f108"; color:white; font-size: 1.25rem; margin-right: 5px; } .main-menu-align{ margin-right: auto !important; } .mainmenu-express-icon::before{ content: "\f0e8"; color:white; } .mainmenu-locations-icon::before{ content: "\f3c5"; color:white; } .mainmenu-groups-icon::before{ content: "\f542"; color:white; } .mainmenu-settings-icon::before{ content: "\f013"; color:white; } /* Section Name */ .players-name:after{ content:"Displays" } /* System Colours */ .home-colour{ color:lightgray !important; } .library-colour{ color:lightgray !important; } .playlist-colour{ color:lightgray !important; } .players-colour{ color:lightgray !important; } .express-colour{ color:lightgray !important; } .settings-colour{ color:lightgray !important; } .huntgroups-colour{ color:lightgray !important; } .locations-colour{ color:lightgray !important; } .default-colour{ color:var(--clr-button); } /* Home Cards */ .home-card-weather{ background-color:transparent !important; /*color:#e78576;*/ color: #62A8C6; margin-top: 10px; } .home-card-handSanitizer{ background-color:transparent !important; color:#8F85C3; margin-top: 10px; } .home-card-locations{ background-color:transparent !important; color:#8F85C3; margin-top: 10px; } .home-card-players{ background-color:transparent !important; color:#373a41; } .home-card-latestuploads{ background-color:transparent !important; color:#8F85C3; margin-top: 9px; } .home-card-media{ background-color:transparent !important; color:#62A8C6; margin-top: 9px; } .home-card-mediabreakdown{ background-color:transparent !important; color:#62A8C6; margin-top: 9px; } i.fas.library-icon.fa-3x.home-card-mediabreakdown { margin-top: -1rem; } /* canvas#chart_container_media_breakdown { pointer-events: auto; cursor: pointer; } canvas#chart_container_media { pointer-events: auto; cursor: pointer; }*/ .home-card-mynotes{ background-color:transparent !important; color:#62A8C6; margin-top: 10px; } .home-card-quickactions{ background-color:transparent!important; color:#8F85C3; } .home-card-quickbroadcasts{ background-color:transparent !important; color:#8F85C3; margin-top: 10px; } .home-card-support{ background-color:transparent !important; color:#8F85C3; } .home-card-notifications{ background-color:transparent !important; color:#62A8C6; } .cdc-bkgd-tansparent{ background-color: transparent !important; } /* Fixed Cards */ .fixed-card-container{ padding: 0.1rem 0rem 0rem 0rem; margin-top: 0.6rem; width: 90%; justify-content: center; background-color: #fff !important; border-radius: 20px 20px 20px 20px !important; box-shadow: 8px 8px 8px #dddddd !important; } .fixed-card-header{ color: black; /*font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;*/ font-family: "Poppins", sans-serif; margin-bottom: 0 !important; padding-bottom: 1.2rem; font-size: 23px !important; font-weight: 500; } .fixed-card-header-notifications{ color: black; /*font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;*/ font-family: "Poppins", sans-serif; margin-bottom: 0 !important; padding-bottom: 1.3rem; font-size: 22px !important; font-weight: bold; } .fixed-card{ /* background-color: var(--clr-brand-accent) !important; */ color:black !important; border: 0px !important; /*height:365px; width: 440px;*/ } .fixed-card-odd{ background: #f1f0f7 !important; } .fixed-card-even{ background: #e7f6ef !important; } .fixed-card-text{ color: black !important; margin-top: -20px; font-size: .9rem !important; font-weight: 400; font-family: "Poppins Regular", sans-serif; /*font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;*/ line-height: 1.5; } .fixed-card-text-muted{ color: #333333; } .fixed-card-icon{ color:black; font-size: 1.3rem; } .fixed-card-icon-odd{ color:#7770B9; font-size: 1.1rem; font-size: 36px; } .fixed-card-icon-even{ color:#0DA65C; font-size: 1.1rem; padding-left: 60px; margin-left: 60px; font-size: 36px; } .fixed-card a:link, .fixed-card a:visited{ color:black; } .fixed-card table.table a { color:black !important; } .home-card-text a:link { color:black !important; } .fixed-card a:hover:not(.btn, .player_activity_list_link) { /* background-color: #e9e9e9 !important; */ color:black !important; text-decoration: none !important; cursor: pointer; } .fixed-card .card-body { background: rgba(255, 255, 255, 0.0) !important; color:black !important; padding: 2rem; } .home-card .card-body { /*background-color: #fff !important;*/ /* padding: 2rem !important; */ } .home-card .card-body-location { /*background-color: #fff !important;*/ padding: 2rem 1.8rem 0.5rem 1rem !important; } .home-card .card-body-mediabreakdown { padding-left: 2rem !important; padding-right: 2rem !important; } .folder-create > .add-icon { color: #fff !important; } .circle-icon { /* background-color: var(--clr-button-background-hover) !important; */ background-color: var(--filter-highlight-not-empty-color) !important; padding: 0px; border-radius: 50%; width: 41px !important; height: 41px !important; text-align: center; vertical-align: middle; line-height: 41px; } .circle-icon:hover { } .circle-icon.cd_icon, .circle-icon.toolbar-icons-background-wizard, .circle-icon.toolbar-icons-background-gear, .circle-icon.back_icon, .circle-icon.analytics_button { background-color: var(--clr-button-background-hover) !important; } .circle-icon.analytics_button:hover{ background-color: var(--clr-button-background-hover) !important; } .circle-icon.export_button i { color: var(--icon-color-white); } .circle-icon.tile-view, .circle-icon.list-view { background-color: var(--clr-button-background-hover) !important; } #sl-create.circle-icon, #sl-update.circle-icon, #sl-delete.circle-icon { background-color: var(--filter-highlight-not-empty-color) !important; } .fieldlabels-dialogs, .fieldlabels-dialogs + td, .fieldlabels-dialogs + td + td { color: #000 !important; } .circle-icon-nav-bar { background-color: var(--clr-button-background-hover) !important; padding: 0px; border-radius: 50%; width: 30px !important; height: 30px !important; text-align: center; vertical-align: middle; line-height: 41px; } .card:not(.card-border) { border: 0px !important; border-radius: 15px; /*background-color: var(--dashboard-background-color);*/ color: var(--card-text-color); /* box-shadow: none !important; -webkit-box-shadow: none !important;*/ } .card-body { background-color: var(--home-card-color); /*background-color: #F4F7F9;*/ color: var(--card-text-color) !important; box-shadow: none !important; font-size: 0.75rem !important; font-weight:700px; border-radius: 20px 20px 20px 20px !important; } p.card-text.card-text-to-do-card{ background-color:#fff !important; } #recent_activity .card-text { background-color: #fff !important; font-size: 14px !important; } #recent_activity p.card-text>a.dropdown-item { background-color: #fff !important; font-size: 14px !important; } #recent_activity p.card-text>a.dropdown-item:hover { background-color: var(--clr-button) !important; color: #fff !important; } p.card-text:not(.fixed-card-text, #cardOneBody, .card-text-to-do-card, .card-text-to-do-card.to-dos-card-subtitle), p.card-text>a.dropdown-item{ background-color: transparent !important; /*background-color: #F4F7F9;*/ color: var(--card-text-color) !important; box-shadow: none !important; font-size: 0.75rem !important; font-weight:700 !important; background-color: #E7F6EF !important; } p.card-text.white-background { background-color: white !important; } p.card-text.card-text-to-do-card.to-dos-card-subtitle { font-size: 15px !important; text-decoration: underline; } p.card-text.card-text-to-do-card { background-color: #fff !important; } #nav_recent p.card-text, p.card-text>a.dropdown-item{ font-weight:300 !important; } .fixed-card-text.support-number{ font-size: 0.75rem !important; font-weight:700 !important; } .card .card-body .card-text { color: var(--card-text-color) !important; font-size: .75rem !important; font-weight: 700; } .card .table { color: var(--card-text-color) !important; /*border-spacing: 0 10px !important; border-collapse: separate;*/ } .card #library_table { color: var(--card-text-color) !important; border-spacing: 0 10px !important; border-collapse: separate; } .card:has(.player-card-container) { box-shadow: 10px 10px 10px #d6d8dc !important; /* -webkit-box-shadow: none !important; */ background-color: white; padding: 40px 25px 30px 25px; border-radius: 15px 15px 15px 15px; } .player-card-container { background-color: #fff !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .highcharts-root{ height: 360px; margin-top: 20px; } .to-dos-card-subtitle { margin: 0px 0px 5px 35px; padding-bottom: 17px !important; } .command-center-dropdown-menu { margin: 15px 0px 0px 25px; } /* .card-footer{ padding: .75rem 1.25rem; margin-top: 25px !important; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, .125); border-radius: 0px 0px 35px 35px !important; }*/ .modal #player_settings .dialog_table tbody tr:hover { background-color: transparent !important; } .modal #player_technicians .dialog_table tbody tr:hover { background-color: transparent !important; } .modal #player_groups .dialog_table tbody tr:hover { background-color: transparent !important; } .modal #player_playlists .dialog_table tbody tr:hover { background-color: transparent !important; } .modal #player_profiles .dialog_table tbody tr:hover { background-color: transparent !important; } .modal table:not(.table-tile-view):not(.datagrid_preview) tbody tr:hover { background-color: var(--modal-table-row-hover-background-color) !important; } table:not(.table-tile-view):not(.datagrid_preview) tbody tr:hover:nth-child(odd) { background-color: #e3e3e3 !important; } table:not(.table-tile-view):not(.datagrid_preview) tbody tr:hover:nth-child(even) { background-color: #c2dbeb !important; } /* .card .player-card-container .table:not(.table-tile-view) { color: var(--text-color) !important; } .card .player-card-container .table-list-view a { color: var(--text-color) !important; } .card .player-card-container .table-tile-view a { color: var(--card-text-color) !important; } */ .playlist-tile-view a:link { color: var(--text-color) !important; } .svg-modal-footer-btn { width: 20px; height: 20px; justify-content: center; align-items: center; text-align: center; vertical-align: middle; } .svg-icon-btn:hover { } .svg-icon.pagination-btn { filter: invert(36%) sepia(3%) saturate(11%) hue-rotate(356deg) brightness(73%) contrast(92%); } .svg-icon.pagination-btn:hover { filter: brightness(100%); } .page-link:hover > .svg-icon { filter: brightness(100%); } .card .card-body .card-title a:hover { /* -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out*/ } .card .card-body .card-title a { /*-webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out*/ } .card-deck .card:hover { cursor: move; } .home-card-header{ color: black; /*font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;*/ font-family: "Poppins", sans-serif; padding-top: 1.25rem !important; padding-left: 1rem !important; /*margin-bottom: .2rem !important;*/ background-color: transparent !important; font-size: 23px !important; font-weight: 500; } .home-card-text { color: black !important; font-weight: 400; font-family: "Poppins Medium", sans-serif; /*font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif;*/ line-height: 1.5; } .home-card .card-text { color: black !important; border-radius: 10%; } /* Player Card Colours */ .pie-colour-1{ color:black; } .pie-colour-2{ color:#990000; } .pie-colour-3{ color:#df0000; } .pie-colour-4{ color:#ff4040; } .pie-colour-5{ color:#ff7c7c; } .pie-colour-6{ color:#ffcccc; } .pie-legend-icon::before{ content: "\f04d"; } /* Handsanitizer Card Colours */ .hand-sanitizer-legend-color-1{ color:#7770B9; /*color:#62A8C6;*/ } .hand-sanitizer-legend-color-2{ color:#004d99 !important; } .hand-sanitizer-legend-color-3{ color:#0033ff !important; } .hand-sanitizer-legend-color-4{ color:#0080FF !important; } .hand-sanitizer-legend-color-5{ color:#66B3FF; } .hand-sanitizer-legend-color-6{ color:#CCE6FF; } /* .card.rtct-card { width: 48.8% !important; height: 12% !important; } .card.lpa-card { width: 48.8% !important; margin-left: -8.2rem !important; } .fixed-rtct-card { width: 48.8% !important; height: 9% !important; background: #F1F0F7; margin-left: 1.4%; margin-bottom: 1.3rem !important; }*/ .fixed-card-odd.fixed-card.rtct-card { /* margin-left: 1.2%; width: 48.2% !important; height: 369px; */ margin-bottom: 1.3rem !important; margin-top: -0.3rem !important; } .fixed-card.fixed-card-even.lpa-card { /*margin-left: 1.35%; width: 48.1%; height: 369px; */ margin-bottom: 1.3rem !important; margin-top: -0.3rem !important; } canvas#chart_container_network_activity { height: 19.3rem !important; } @media only screen and (min-width: 1200px) and (min-resolution: 96dpi) { .fixed-card-odd.fixed-card.rtct-card { margin-left: 1.2%; width: 48.2% !important; margin-bottom: 1.3rem !important; height: 369px; margin-top: -0.3rem !important; } } @media only screen and (min-width: 1200px) and (min-resolution: 96dpi) { .fixed-card.fixed-card-even.lpa-card { margin-left: 1.35%; width: 48.1%; margin-bottom: 1.3rem !important; height: 369px; margin-top: -0.3rem !important; } } /* Media Breakdown Card Colour */ .highcharts-color-0 { fill: #8e85be; } .highcharts-color-1 { fill: #63b0dd; } .highcharts-color-2 { fill: #8e85be; } .highcharts-color-3 { fill: #63b0dd; } .highcharts-color-4 { fill: #8e85be; } .highcharts-color-5 { fill: #63b0dd; } .highcharts-color-6 { fill: #8e85be; } .highcharts-background{ padding-bottom: 3rem; margin-bottom: 3rem; } .row.double-card { background-color: var(--dashboard-background-color) !important; /* background-color: var(--double-card-color) !important;*/ width: 102% !important; } /* SVG Icon colour for black icons to show as white */ .svg-icon-invert { filter: invert(); } /* .svg-icon-upload { filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(80%) contrast(119%); } */ /* Icons */ .home-icon::before{ content: "\f015"; } .library-icon::before{ content: "\f008"; } .playlists-icon::before{ content: "\f0ca"; } .players-icon::before{ content: "\f108"; } .quickbroadcast-icon::before{ content: "\f519"; } .handsanitizer-icon::before{ content: "\f461"; } .support-icon::before{ content: "\f059"; } .notifications-icon::before{ content: "\f0f3"; } .tagmanager-icon::before{ content: "\f02b"; } .phone-icon::before{ content: "\f095"; } .email-icon::before{ content: "\f0e0"; } .report-icon::before{ content: "\f080"; } .clear-icon::before{ content: "\f00d"; } .map-icon::before{ content: "\f279"; } .weather-icon::before{ content: "\f6c4"; } .quick-actions-icon::before{ content: "\f0a6"; } .my-notes-icon::before{ content: "\f15b"; } .content-designer-icon::before{ content: "\f0db"; } .content-designer2-icon::before{ content: "\f8cc"; } .calendar-icon::before{ content: "\f073"; } .folder-icon::before{ content: "\f07b"; } .folder-minus-icon::before{ content: "\f65d"; } .folder-plus-icon::before{ content: "\f65e"; } .audio-icon::before{ content: "\f001"; } .images-icon::before{ content: "\f03e"; } .videos-icon::before{ content: "\f008"; } .web-icon::before{ content: "\f0ac"; } .rss-icon::before{ content: "\f0ac"; } .synced-media-icon::before{ content: "\f2f1"; } .ellipsis-icon::before{ content: "\f141"; } .enable-icon::before{ content: "\f111"; } .disable-icon::before{ content: "\f05e"; } .playlist-icon::before{ content: "\f0ca"; } .express-icon::before{ content: "\f0e8"; } .dynamic-playlist-icon::before{ content: "\f074"; } .waiting-players-icon::before{ content: "\f14a"; } .maintenance-icon::before{ content: "\f0ad"; } .groups-icon::before{ content: "\f542"; } .tileview-icon::before{ content: "\f00a" } .listview-icon::before{ content: "\f039" } .clock-icon::before{ content: "\f017"; } .user-icon::before{ content: "\f007"; } .desktop-icon::before{ content: "\f8ca"; } .settings-icon::before{ content: "\f013"; } .question-icon::before{ content: "\f128"; } .grid-icon::before{ content: "\f00a"; } .wayfinding-icon::before{ content: "\f277"; } /* Action Icons */ .save-icon::before{ content: "\f0c7"; } .remove-icon::before{ content: "\f00d"; } .clear-icon::before{ content: "\f00d"; } .clone-icon::before{ content: "\f24d" } .delete-icon::before{ content: "\f2ed"; } .ok-icon::before{ content: "\f00c"; } .cancel-icon::before{ content: "\f00d"; } .edit-icon::before{ content: "\f304"; } .add-icon::before{ content: "\f067"; } .search-icon::before{ content: "\f002"; } .check-icon::before{ content: "\f00c" } .expand-icon::before{ content: "\f078"; } .collapse-icon::before{ content: "\f077"; } .back-icon::before{ content: "\f053"; } .sync-icon::before{ content: "\f2f1"; } .chart-icon::before{ content: "\f080"; } .bug-icon::before{ content: "\f188"; } .notes-icon::before{ content: "\f328"; } .info-icon::before{ content: "\f129"; } .preview-icon::before{ content: "\f04b"; } .run-icon::before{ content: "\f70c"; } .print-icon::before{ content: "\f02f"; } .stop-icon::before{ content: "\f04d"; } .upload-icon::before{ content: "\f093"; } .slideout-menu::before{ content: "\f0c9"; color: white; font-size: medium; margin-right: 20px; } .action-standalone{ /* color: var(--clr-brand-primary) !important;*/ font-size: 1rem; } .edit-colour, .cancel-colour:not(.edit-mode-cancel), .ok-colour:not(.edit-mode-finish), .btn.btn-sm.add_hunt_group { border-radius: 50%; background-color: var(--filter-highlight-not-empty-color) !important; margin-top: 13px !important; } .add_hunt_group .fas { color: #fff !important; } .flex-fill .btn.btn-sm .fas { margin-top:0px; } .cancel-text-colour{ color:var(--clr-brand-primary); } .list-group-item .ok-colour { background-color: transparent; } .list-group-item .cancel-colour { background-color: transparent; } .popover-body a:hover:not(.dropdown-item, .nav-link, .sidebar-link, .action-icon-text) { text-decoration: none !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; cursor:pointer; color: var(--icon-color) !important; } .disabled-colour{ background-color: #ffb3b3; } .ok-text-colour{ color:#009b12; } .neutral-text-colour{ color:rgb(140, 140, 140); } .action-colour{ background-color: var(--clr-button); } /* Section Level Items */ .page-header-text{ color:white; text-transform: uppercase; } .area-header{ padding-top:25px; } /* Dialogs */ .dialog-background-colour{ background-color: #eeeeee; } /* Home Page */ .home-content-tile{ color:rgb(20, 20, 20); } .home-players-tile{ color: rgb(20, 20, 20); } .home-quickbroadcast-tile { color: rgb(20, 20, 20); } .home-handsanitizer-tile{ color: rgb(20, 20, 20); } .home-support-tile{ color: rgb(20, 20, 20); } .home-notifications-tile{ color: rgb(20, 20, 20); } .home-map-tile{ color: black; } .nav-second-level.primary-color{ background-color:#303540 !important; } .nav-second-level .nav-item .nav-link { color: rgb(255, 255, 255) !important; font-size: 1rem; padding: 0rem; } /* Library scrollbar */ .dropins-container .library_content_tab::-webkit-scrollbar { width: 10px; } .dropins-container .library_content_tab::-webkit-scrollbar-track { background: #f1f1f1; } .dropins-container .library_content_tab::-webkit-scrollbar-thumb { background: #888; } .dropins-container .library_content_tab::-webkit-scrollbar-thumb:hover { background: #555; } /* ... */ .nav-second-level{ top:0px; } /* Weather */ .collapse-content a.collapsed:after { font-family:'Font Awesome 5 Free'; font-weight: 900; content: "\f078" !important; } .collapse-content a:not(.collapsed):after { font-family:'Font Awesome 5 Free'; font-weight: 900; content: "\f077" !important; } /* Drag and Drop Items */ .sortable-row .card { margin-top: 1rem; margin-bottom: 1rem; } .sortable-row .card:hover { cursor: move; } /* ---- grid ---- */ .grid:after{ content: ''; display: block; clear:both; } .grid-item{ width: 450px; float: left; } .grid-item:hover { border-color: hsla(0, 0%, 100%, 0.5); cursor: move; } /* ---- grid ---- */ .grid:after{ content: ''; display: block; clear:both; } .grid-item{ width: 450px; float: left; } .grid-item:hover { border-color: hsla(0, 0%, 100%, 0.5); cursor: move; } /* Contact Info */ .support-number::after{ content:"1-877-496-1757"; } .support-email::after{ content:"support@corumdigital.com"; } /* Player List View */ .player-online-icon::before{ content: "\f111"; color:#009b12; } .player-offline-icon::before{ content: "\f06a"; color:red; } .player-warning-icon::before{ content: "\f192"; color: yellow; } .player-downloaderrors-icon::before{ content: "\f13a"; color: orange; } /* Controls */ .custom-control-input:checked ~ .custom-control-label::before { color: #000; /* border-color: var(--clr-brand-primary) !important; */ border-color: var(--clr-form-bkgd) !important; background-color: var(--clr-brand-primary) !important; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem #bbbbbb; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff8080; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #000; background-color: #ffb3b3; border-color: #ffb3b3; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #efe9e9; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: var(--clr-brand-primary); background-color: grey; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: grey; } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: grey; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: grey; background-color: transparent; } .fixed-card-grid{ width: 100%; justify-content: center; display: grid; grid-template-columns:440px 440px 440px 440px; grid-template-areas: "card1 card2 card3 card4"; gap: 2em; } /* label.col-form-label { color: #fff; } */ .modal-dt-header { color: #fff; } #playlist_media_list{ border: 1px solid #86949f; overflow-y: scroll; } .card-body.pt-0.dashboard-card.weather-card { overflow: hidden; /*height: 300px !important;*/ } .card.mt-3.d-flex.align-items-stretch.w-100 { background-color: #fff; box-shadow: 8px 8px 8px #d6d8dc !important; border-radius: 15px 15px 15px 15px !important; border: 1px solid #eaedf1 !important; } div#hunt_group_details { box-shadow: 8px 8px 8px #d6d8dc !important; border-radius: 15px 15px 15px 15px !important; border: 1px solid #eaedf1 !important; } h6 #counter_span, h6:has(#counter_span) { color: #000; } .fixed-card1 { grid-area: card1; } .fixed-card2 { grid-area: card2; } .fixed-card3 { grid-area: card3; } .fixed-card4 { grid-area: card4; } .dashboard-card{ background-color: var(--home-card-color) !important; /*box-shadow: 10px 0px 8px #888888 !important; background: #e7f4f6 !important;*/ } .dashboard-card-rounded-top{ background-color: var(--home-card-color) !important; border-radius: 20px 20px 20px 20px !important; box-shadow: 8px 8px 8px #dddddd !important; /*background: #e7f4f6 !important;*/ } .dashboard-card-rounded-bottom{ background-color: var(--home-card-color) !important; border-radius: 0px 0px 20px 20px !important; } .dashboard-card-rounded-bottom-media-breakdown{ background-color: var(--home-card-color) !important; border-radius: 0px 0px 20px 20px !important; margin-top: -6px !important; } .dashboard-card-rounded-bottom-locations{ background-color: var(--home-card-color) !important; border-radius: 0px 0px 20px 20px !important; margin-top: 50px !important; } .card-icon-right { text-align: right !important; padding-right: 1.4rem !important; } .btn.btn-lg { font-size: 0.9rem; padding: 0.25rem 0.7rem 0.25rem 0.7rem !important; } .fixed-card .card-body .recent_activity_content{ padding: 0rem 0rem 1rem 0rem; font-size: 14px; } .cards-form-group{ margin-bottom: 1rem !important; margin-left: -17px !important; } .fixed-card .card-body .dropdown-item { margin-left: 0; } .dropdown-item{ padding: 0rem; font-size: 14px !important; } .cards-dropdown-item{ padding: 0rem 0rem 0rem 17px !important; font-size: 14px !important; } .recent_activity_playlists{ padding: 0rem 0rem 1rem 0rem; font-size: 14px; } .recent_activity_players{ padding: 0rem 0rem 1rem 0rem; font-size: 14px; } .card-body .pt-0 { padding: 0rem; } .recent_activity_content p .card-text{ padding: 2px 0px 2px 10px; font-size: 14px; } a{ -webkit-transition: none !important; transition: none !important; } .waves-effect { -webkit-transition: none !important; transition: none !important; } a .menu_image { padding: 0px 5px 3px 0px; height: 1.5rem; width: 1.5rem; } .page-footer{ margin-top: -1px !important; } tr .even { margin-top: 10px; margin-bottom: 10px; border-collapse: separate; border-spacing: 5em; background-color: var(--tile-view-even-card-background) !important; } .view-mode{ background-color: transparent !important; } /*media page colourful icons*/ li#sb_templates{ background-color: var(--media-pullout-background-color) !important; } li#sb_templates:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_-1 a i{ color: #FF6060 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_-1 a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_-2 a i{ color: #A551BB !important; background-color: var(--media-pullout-background-color) !important; } li#sb_-2 a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_audio a i{ color: #e0b521 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_audio a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_image a i { color: #47FF88 !important; background-color: var(--media-pullout-background-color) !important; } #add_synced_media>.fas.ok-icon.action-icon-text, #back_to_library>.fas.cancel-icon.action-item-text{ /* color: #47FF88 !important; */ } li#sb_image a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_video a i{ color: #C88840 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_video a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_content_designer a i{ color: #F6626E !important; background-color: var(--media-pullout-background-color) !important; } li#sb_content_designer a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_mrss a i{ color: #FF9C63 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_mrss a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_weather a i{ color: #FF51B7 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_weather a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_web a i{ color: #4ED7DE !important; background-color: var(--media-pullout-background-color) !important; } li#sb_web a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_synced a i{ color: #A6A922 !important; background-color: var(--media-pullout-background-color) !important; } li#sb_synced a i:hover{ background-color: var(--media-pullout-background-hover-color) !important; } li#sb_templates .text-body i{ color: #3999D8 !important; background-color: transparent !important; } #search_name, #search_name_tag_manage_modal { background-color: #fff !important; } #search_name::placeholder, #search_name_tag_manage_modal::placeholder { color: #000 !important; } .library-link-2 .fa-cloud-arrow-up, #library-edit-report-icon, #library-ai-edit-icon{ padding-top: 1.0625rem !important; } i#media-details-back-arrow { padding-top: 0.125rem !important; } i#library-edit-cloud-icon, i#library-edit-report-icon, i#library-ai-edit-icon { color: var(--tileview-listview-icon-color); } li#sb_templates .text-body i:hover{ color: #3999D8 !important; background-color: transparent !important; } li#sb_templates .text-body i{ background-color: transparent !important; } li#sb_templates .text-body i:hover{ background-color: transparent !important; } #synced_displays_table_length{ margin-left: 15px; } #synced_displays_table_info{ margin-right: 15px; } .table-container-row { margin-top: -15px; background-color: transparent; padding: 0px 45px 30px 0px; margin-left: 31px; margin-right: -26px; border-radius: 15px 15px 15px 15px; } .table-container{ padding-right: 9px !important; } .tileview-icon{ color: var(--tileview-listview-icon-color); font-size: 20px; } .listview-icon{ color: var(--tileview-listview-icon-color); font-size: 20px; } .list-group li:hover{ background-color: var(--media-pullout-background-hover-color) !important; } .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-info .dropdown-item:active, .dropdown .dropdown-menu.dropdown-info .dropdown-item.active, .dropup .dropdown-menu.dropdown-info .dropdown-item:hover, .dropup .dropdown-menu.dropdown-info .dropdown-item:active, .dropup .dropdown-menu.dropdown-info .dropdown-item.active, .dropleft .dropdown-menu.dropdown-info .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-info .dropdown-item:active, .dropleft .dropdown-menu.dropdown-info .dropdown-item.active, .dropright .dropdown-menu.dropdown-info .dropdown-item:hover, .dropright .dropdown-menu.dropdown-info .dropdown-item:active, .dropright .dropdown-menu.dropdown-info .dropdown-item.active { background-color: var(--clr-button) !important; box-shadow: none !important; width:100%; height: 100%; /* margin-left: -8px; */ /* padding-left: 18px; */ transition: none !important; } .navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item { transition: none !important; } li#nav_account, li#nav_info { text-decoration: none; } /*Welcome wagon*/ #welcome-wagon .modal-header { border-bottom: none !important; color: var(--clr-header-text-dark) !important; } #welcome-wagon .modal-body { border-bottom: none !important; color: var(--text-color) !important; } #welcome-wagon .jumbotron { background-color: transparent !important; color: var(--text-color) !important; box-shadow: none !important; } #welcome-wagon .modal-content { border-radius: 15px !important; /*background-size: 1570px 893px;*/ background-size: cover; background-position: top; background-image: url(../img/m_pattern_02.jpg) !important; } #cardOneImage, #cardTwoImage, #cardThreeImage{ width: 100%; border-radius: 15px 15px 0px 0px; object-fit:cover } #welcome-main-title{ color: var(--modal-text-color-2) !important; } #feature_video_one, #feature_video_three{ width:50%; background-image: linear-gradient(to right, #3c8ffe, #957eff); color: white !important; border-radius: 21px; padding: 7px 0px 7px 0px !important; margin-bottom: 25px; } #feature_video_two{ width:50%; background-image: linear-gradient(to right, #fe3a40, #ffc985); color: white !important; border-radius: 21px; padding: 7px 0px 7px 0px !important; margin-bottom: 25px; } .btn.btn-welcome-wagon-bottom { color: #247efe !important; background-color: #ffffff !important; width: 17%; min-height: 35px; border-radius: 21px; padding: 10px 10px 10px 10px !important; } h3#playlist-header-name { margin-top: 27px; margin-left: 20px; } div#library_filters { margin-top: 1px; margin-left: -29px; padding: 12px 0px 12px 0px !important; } div#library_dp_more, div#library_tileview, div#library_listview { margin-top: -4px !important; } div#library_tags { margin-top: -7px !important; } a#cd_canvas_link { margin-top: 0px !important; } #library_header > h3.mb-0.page-header { margin-top: 18px; margin-left: 19px; } #rs232_player_name_search, #rs232_players_type_filter, #rs232_players_status_filter { background-color: #fff !important; color: #000 !important; } #rs232_player_name_search::placeholder, #rs232_players_type_filter::placeholder, #rs232_players_status_filter::placeholder { color: #000 !important; } #new_rs232 { /* background-color: var(--clr-button-background-hover) !important; */ background-color: var(--filter-highlight-not-empty-color) !important; } #new_resolution > .fas.add-icon, #synced-displays-add-button > .fas.add-icon, #group_add > .fas.add-icon, #new_rs232 > .fas.add-icon { /* color: var(--tileview-listview-icon-color) !important; */ color: var(--button-text-color) !important; font-size: 20px; } #rs232_cancel:hover > i.fas { color: var(--icon-color) !important; } /* li.nav-item.nav-menu-item.dropdown.multi-level-dropdown>ul.dropdown-menu.dropdown-menu-right.dropdown-info>.dropdown-item.p-0:hover { background-color: #7bcfff !important; color: white !important; width: 111%; margin-left: -10px !important; } li.nav-item.nav-menu-item.dropdown.multi-level-dropdown>ul.dropdown-menu.dropdown-menu-right.dropdown-info>.dropdown-item.p-0 { background-color: white !important; color: black !important; width: 111%; margin-left: -10px !important; } li.nav-item.nav-menu-item.dropdown.multi-level-dropdown>ul.dropdown-menu.dropdown-menu-right.dropdown-info>.dropdown-item.dropdown-submenu:hover { background-color: #7bcfff !important; color: white !important; width: 111%; margin-left: -10px !important; } .dropdown-menu.r-100.l-auto.dropdown-menu-right.dropdown-info>.dropdown-item.p-0:hover { background-color: #7bcfff !important; color: white !important; width: 111%; margin-left: -10px !important; }*/ .dropdown-item:hover{ background-color: #7bcfff !important; color: white !important; margin-left: -10px; width:100%; } .dropdown-item{ background-color: #ffffff !important; color: black !important; margin-left: -10px; width:100%; } .navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-submenu .dropdown-menu.r-100 { right: 97% !important; } i.fa-solid.fa-play.preview-play-icon { font-size: 20px; margin: 5px 0px 0px -79px; } div#express-preview-button-text { margin: -24px 0px 0px 13px; text-transform: capitalize; } div#express-view-assigned-playlists-button-text{ font-size: 0.9rem; color: #000 !important; margin: -25px 0px 0px 29px; } i.fa-solid.fa-list-ul.playlist-icon { font-size: 20px; margin: 3px 8px 0px 0px; background: -moz-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: -webkit-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: linear-gradient(to right, #e18e12 0%, #fb5436 100%); background-clip: text; -webkit-text-fill-color: transparent; } a.btn.btn-long-md.long-button-blue.btn-red.player-button.waves-effect.waves-light { line-height: 1.3; } a.btn.btn-long-md.long-button-orange.btn-red.player-button.a.waves-effect.waves-light.ajax-modal.simple-link { line-height: 1.3; } img.screen_cap_image_horizontal { border: 2px solid #bbbbbb; border-radius: 15px; width: 409px; height: 232px; } img.screen_cap_image_vertical { margin: 0px 0px 0px 91px; border: 2px solid #bbbbbb; border-radius: 15px; width: 232px; height: 409px; } i#playlist-view-clear-filters-icon{ margin: -4px 0px 0px 0px; font-size: 20px; } label>span.text-danger, .text-danger-2 { color: #ff0000 !important; background-color: transparent; font-size: 20px !important; font-weight: 900; } .text-danger { color: #ff0000 !important; font-weight: 700; /*background-color: #fff;*/ font-size: 1.00em !important; border-radius: 9px; } #dropArea{ border: 2px dashed #ffffff !important; } #globalFolder{ margin: 11px 0px 0px -3px; width: 120%; } #globalFolderLabel, #globalTagsLabel{ margin-top: 10px; } .cs_rightPanel.dropins-container.right.rounded.showing.cs-right-panel-lowered { /* margin-top: 5px; */ border-radius: 15px 0px 0px 15px !important; } a.btn.btn-sm.datatable-clear-filter.waves-effect.waves-light.express_clear_button { margin-top: 1px; } i.fa-solid.fa-x.clear-filters-x-icon { margin-top: 10px; } /* For Content Designer Modal */ .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show>.btn-primary.dropdown-toggle { background: -moz-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: -webkit-linear-gradient(to right, #e18e12 0%, #fb5436 100%); background: linear-gradient(to right, #e18e12 0%, #fb5436 100%); -webkit-text-fill-color: #fff; color: white !important; border-radius: 25px; padding: 8px 13px 0px 13px !important; } .modal #cd_new_switch .btn:not(.active) { background-color: white !important; padding: 8px 12px 0px 14px !important; border-radius: 25px; color: #3493f9!important; /* background: -moz-linear-gradient(to bottom, #e18e12 0%, #fb5436 100%); background: -webkit-linear-gradient(to bottom, #e18e12 0%, #fb5436 100%); background: linear-gradient(to bottom, #e18e12 0%, #fb5436 100%); background-clip: text; -webkit-text-fill-color: transparent; */ } /*list view icons*/ .list-view-icons{ font-size: 20px; margin-top: 15px; } i.fa-regular.fa-gem.list-view-icons { color: #43b914; } i.fa-regular.fa-gem.tile-view-icons { color: #43b914 !important; margin-right: 0.313rem; } i.fa-solid.fa-play.list-view-icons { color: #1b9d67; } i.fa-solid.fa-circle-info.list-view-icons { color: #0bbbc4; } i.fa-solid.fa-tv.list-view-icons, i.playlist-icon.tile-view-icons { color: #f7894b !important; } i.fa-solid.fa-layer-group.list-view-icons, i.fa-solid.fa-share-nodes.list-view-icons{ color: #00e62c; } i.fa-solid.fa-ban.list-view-icons, i.fa-regular.fa-circle.list-view-icons, i.disable-icon.tile-view-icons, i.enable-icon.tile-view-icons { color: #c65cf7 !important; } i.fa-solid.fa-trash.list-view-icons, i.delete-icon.tile-view-icons { color: #ff6060 !important; } i.fa-solid.fa-list-ul.list-view-icons { color: #fc985f; } i.fa-solid.fa-ellipsis.list-view-icons{ color:#3db5fe; } i.fa-solid.fa-pencil.list-view-icons, i.edit-icon.tile-view-icons { color: #6348ec !important; } i.fas.fa-chart-bar.list-view-icons { color: #c8c600; } i.fa-solid.fa-wrench.list-view-icons{ color: #0461ed; } i.fas.folder-icon.list-view-icons{ color: #cfbf09; } i.fas.fa-clock.list-view-icons{ color: #0bbbc4; } i.far.fa-clock.list-view-icons{ color: #008d17; } i.fas.images-icon.list-view-icons{ color: #2fb78f; } i.fas.tagmanager-icon.list-view-icons{ color: #52a706; } i.fas.fa-hammer.list-view-icons{ color: #ff8a00; } i.fas.fa-cog.list-view-icons{ color: #3b99fa; } i.fas.delete-icon.list-view-icons { color: #f11e1e; } i.fa-solid.fa-object-group.list-view-icons, i.layout-icon.tile-view-icons { color: #F6626E !important; } i.fa-solid.fa-object-group.list-view-icons, i.layout-icon.list-view-icons { color: #F6626E !important; } i.fa-solid.fa-triangle-exclamation.list-view-icons, i.compat-icon.tile-view-icons { color: #ed39c9 !important; } i.fas.stop-icon.list-view-icons { color: #be2222; } i.fa-solid.fa-hammer.list-view-icons { color:#ff8a00; } i.fa-solid.fa-check.list-view-icons { color:#17bf04; } i#player_view_playlist_play_icon, i#player_view_playlist_close_icon { margin-top: 0rem; } i.table-vertical-centering { margin-top: 0rem !important; } i.fas.remove-icon.list-view-icons.table-vertical-centering { margin-top: 0rem; } i.fas.upload-icon.list-view-icons { color: #F57C00; } i.fas.fa-key.list-view-icons { color: #c65cf7; } i.fa-solid.fa-tag.list-view-icons { color: blue; font-size: 20px; margin-top: 0rem; } i.fas.upload-icon.action-icon-text:hover { color: black !important; } i.fa-regular.fa-gem.nav-menu-icon { font-size: 14px; color: #7bcfff; } i.fa-regular.fa-gem.reporting-upgrade-icon { font-size: 14px; color: #7bcfff; } a.dropdown-item:hover i.nav-menu-icon { color: white !important; } i.fa-regular.fa-gem.emergency-alerts { color: #7bcfff; } i.fa-regular.fa-gem.list-view-icons:hover { color: white; } i.fa-regular.fa-gem.card-upgrade-icon { color: #7bcfff; } i.fa-regular.fa-gem.nav-menu-icon:hover { font-size: 14px; color: #fff; } a.btn:hover > i.fas.upload-icon.action-icon-text:hover { color: black !important; } #add-url-button { background-color: var(--filter-highlight-not-empty-color) !important; color: #fff !important; } #add-url-button > i:hover { color: #fff !important; } /*For upload media modal buttons*/ .blue-background-color { background-color: var(--filter-highlight-not-empty-color) !important; } a#add-file-button.blue-background-color, #upload-media.blue-background-color, #upload-cancel.blue-background-color { background-color: var(--filter-highlight-not-empty-color) !important; } #upload-cancel.blue-background-color i.fas.cancel-icon, #upload-media.blue-background-color i.fas.ok-icon{ color: white !important; font-size: .96154rem; } #add-file-button.btn-floating > i.fas.add-icon:not(.fa-xl){ color: white !important; } #add-file-button.content_upload_media_add, #upload-media.content_upload_media_upload, #upload-cancel.content_upload_media_cancel { background-color: var(--list-active-background-color) !important; } #add-file-button.content_upload_media_add.btn-floating i, #upload-media.content_upload_media_upload.btn-floating i, #upload-cancel.content_upload_media_cancel.btn-floating i { color: var(--filter-highlight-not-empty-color) !important; } /* .modal-footer a#upload-cancel { background-color: #1CA4ED !important; }*/ /* .far.fa-hand-point-up.list-view-icons { color:#fff; } */ .library-link-2 .fas { color: var(--tileview-listview-icon-color); } a#media-view-edit-button:hover { color: #47FF88 !important; } #media-view-edit-button i.fas.edit-icon { margin-top: 0.7rem; margin-left: 0.1rem; color: #47FF88 !important; } #media-view-edit-button i.fas.edit-icon:hover { margin-top: 0.7rem; margin-left: 0.1rem; color: #47FF88 !important; } a#limited-media-view-edit-button:hover { color: #47FF88 !important; } #limited-media-view-edit-button i.fas.edit-icon { margin-top: 0.7rem; margin-left: 0.1rem; color: #47FF88 !important; } #limited-media-view-edit-button i.fas.edit-icon:hover { margin-top: 0.7rem; margin-left: 0.1rem; color: #47FF88 !important; } a#vertical-templace-cd-button { width: 36px; min-height: 36px; } a#vertical-templace-cd-button i{ margin: -0.55rem 0rem 0rem -0.47rem; font-size: 20px; } .far.fa-hand-point-up.list-view-icons:hover { color: black; } i.fas.ok-icon.fa-sm.grey-button-text.player-maintenance-ok-icon { font-size: 20px; margin-top: 22px; } li a i { font-size: 16px; } .tag-manager-icons { margin-top: 8px; margin-left: 8px; } .modal-body .form-check-input[type="checkbox"]:checked+label:before, .modal-body label.btn input[type="checkbox"]:checked+label:before { /* border-right: 2px solid #fff; */ /* border-bottom: 2px solid #fff; */ border-top: transparent; border-left: transparent; } .md-form .btn.datatable-clear-filter:not(.player_log_clear) > i.fas.fa-times.cancel-x-icon { color: white !important; font-size: 20px; } body.modal-open .fixed-top { padding-right: 0 !important; } a>p { font-size: 9px; } /*To get the media compatibilities bar to appear above stuff that should be behind it*/ footer.page-footer .footer-copyright{ z-index:25px; } /* Defaults for media queries! */ #upload_button > img { width:32px; height:32px; } .navbar-brand > img { height: 40px; } i.fas.fa-trash-alt.fa-sm.whitelabel-trashcan-icon { margin-left: 11px; } div#instruct { color: white; } h5#upload-modal-default-header { color: white; } .dropdown .dropdown-animating { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important } .waves-ripple { display: none !important; } .ms-choice { border: 0px !important; height: 0px !important; } select#rss_type.form-control-sm.mr-1.datatable-custom-column-search { background-color: white !important; color: black !important; border: 2px solid var(--search-input-border-color) !important; } .iconfinder_image { max-width: 75px; width: 60px; height: 60px; margin-left: 1rem; } .training_video_list { min-height: 80vh; max-height: 86vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; } .modal-text-center { color: var(--clr-body-text) !important; text-align: center !important; } .expressContentList { text-align: left !important; } .list-group-training_videos { padding: 1rem; color: white !important; } .list-group-training_videos:hover { cursor: pointer; border: 1px solid #f44336; color: white !important; } .list-group-training_videos:active { text-decoration: none !important; color: white !important; } .training_video_list_title { font-size: 1rem; } .training_video_list_description { font-size: 0.7rem; } .training_video_thumb { object-fit: contain; max-width: 200px; } .training_video_player { width: 100%; height: 100%; } .brand_background { background-image: url('/ui/img/mediatile_default_wide.png'); background-size: cover; background-repeat: no-repeat; overflow: hidden; } /* Google Drive LIGHT Mode Button*/ .google-drive-button-light { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-appearance: none; background-color: WHITE; background-image: none; border: 1px solid #747775; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #1f1f1f !important; cursor: pointer; font-family: 'Roboto', arial, sans-serif; font-size: 12px; height: 35px; letter-spacing: 0.25px; outline: none; overflow: hidden; padding: 0 12px !important; position: relative; text-align: center; -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s; transition: background-color .218s, border-color .218s, box-shadow .218s; vertical-align: middle; white-space: nowrap; width: -webkit-fill-available; max-width: 100%; min-width: min-content; } .google-drive-button-light .google-drive-button-icon-light { /* height: 20px; */ /* margin-right: 12px; */ min-width: 20px; width: 20px; } .google-drive-button-light .google-drive-button-content-wrapper-light { -webkit-align-items: center; align-items: center; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; justify-content: space-between; position: relative; width: 100%; } .google-drive-button-light .google-drive-button-contents-light { -webkit-flex-grow: 1; flex-grow: 1; font-family: 'Roboto', arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; vertical-align: top; color: black !important; } .google-drive-button-light .google-drive-button-state-light { -webkit-transition: opacity .218s; transition: opacity .218s; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; } .google-drive-button-light:disabled { cursor: default; background-color: #ffffff61; border-color: #1f1f1f1f; } .google-drive-button-light:disabled .google-drive-button-contents-light { opacity: 38%; } .google-drive-button-light:disabled .google-drive-button-icon-light { opacity: 38%; } .google-drive-button-light:not(:disabled):active .google-drive-button-state-light, .google-drive-button-light:not(:disabled):focus .google-drive-button-state-light { background-color: #ffffff8a !important; opacity: 12%; } .google-drive-button-light:not(:disabled):hover { -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); background-color: #ffffff8a !important; } .google-drive-button-light:not(:disabled):hover .google-drive-button-state-light { background-color: #ffffff8a !important; opacity: 8%; } /* Date/Time/Colour Pickers */ .picker.datepicker, .picker.clockpicker, .sp-container, .shepherd-modal-overlay-container, .shepherd-enabled, .shepherd-target { zoom: var(--zoom-level-100); } /* Font Page Styles */ .font_list_div { height: 780px; } #font_squirrel_have_font_button, #google_font_exists, #squirrel_download_success, #squirrel_download_failed, #google_download_failed, #google_download_success { color: black; font-weight: 800; font-size: large; } #fonts_flyout_container.folder-dropins-container { height: 780px; } .font-tab:hover .font-tab-name, .font-tab:hover .font-tab-label, .font-tab:hover #upload-fonts-flyout-tab-icon, .font-tab:hover #faq-fonts-flyout-tab-icon, .font-tab.selected .font-tab-name, .font-tab.selected .font-tab-label, .font-tab.selected #upload-fonts-flyout-tab-icon, .font-tab.selected #faq-fonts-flyout-tab-icon { background-color: #f8f9fa; color: #2a3650 !important; cursor: pointer; } .side_bar { background-color: #62718f !important; } .font_filters button { padding: 8px !important; } .font_filters button:not(.active) { background-color: #F2F2F2 !important; color: black !important; } .font_filters button.btn:not(:hover):not(.btn-outline-blue).active { background-color: #2a3650 !important; color: white !important; } .font_filters button.btn:not(.btn-outline-blue).active:hover { background-color: #2a3650 !important; color: white !important; } #google_font_clear_filters, #font_squirrel_clear_filters { padding-top: 17px !important; padding-left: 0px !important; color: white !important; } .report-card-topper, .report-card-topper > a { background-color: #8dd1ff !important; color: #2c3137 !important; } #btn_run_report, #btn_clear_report, #csv_report { background-color: #8dd1ff !important; color: #2c3137 !important; font-size: 0.938rem; border-radius: 0.35rem; padding: 0.5rem !important; } #btn_run_report > i.fa-solid.fa-circle-right, #btn_clear_report > i.fa-solid.fa-circle-right { margin-top: 1rem; } .report-circle-btn { background-color: var(--clr-button-background-hover) !important; color: #fff !important; padding: 0px; border-radius: 50%; width: 28px !important; height: 28px !important; text-align: center; vertical-align: middle; line-height: 18px; padding-top: 6px !important; } #reporting-dashboard-header { color: #2c3137 !important; } .reports_iframe_div select { border-color: #ced4da !important; } .reports_iframe_div select:focus { border-color: black !important; } .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light { background-color: #dfe3e6 !important; text-decoration: none !important; padding: 0.45rem 0rem 0.45rem 0rem !important; border-radius: 0.3rem 0.3rem 0.3rem 0.3rem; } .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light:hover { background-color: #dfe3e6 !important; text-decoration: underline !important; font-size: 12px !important; padding: 0.45rem 0rem 0.45rem 0rem !important; border-radius: 0.3rem 0.3rem 0.3rem 0.3rem; } /*.nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light > i { background-color: #dfe3e6 !important; text-decoration: none; color: #000000; }*/ .active i.dashboard-nav-icon { color: #000000 !important; padding-bottom: 0.3rem; } a.btn:hover > i.dashboard-nav-icon { color: #000000 !important; padding-bottom: 0.3rem; } #recent_media_errors_filter, #wayfinding_reports_operations { max-width: fit-content; margin-left: auto; margin-right: auto; } .reporting_table_container { margin: -1rem 1.5rem 1.5rem 1.5rem; } .sync_reporting_table_container { margin: 1.5rem 0.5rem 1.5rem 1.5rem; } div#download_errors_table_wrapper { margin-right: 0.6rem; } .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light.active { background-color: #84c7f6 !important; text-decoration: none; padding: 0.35rem 0rem 0.35rem 0rem !important; border-radius: 0.3rem 0.3rem 0.3rem 0.3rem; } a#reporting_clear { margin-left: 60%; } div#wayfinding_options { max-width: fit-content; margin: auto; } div#wayfinding_filters_row { max-width: fit-content; margin: auto; } .row.text-center.reports-card-row { margin-top: 1.5rem; max-width: fit-content; margin-left: auto; margin-right: auto; } select#from_location_picker, select#to_location_picker, select#map_picker, select#report { background-color: white !important; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; color: black !important; } input#startdate, input#enddate { height: 28px; background-color: "#ffffff"!important; } div:has(input#startdate), div:has(input#enddate) { border-radius: 25px !important; background-color: "#ffffff"!important; } div.provider-view-mode > a.btn.data_provider_button > i { color: var(--filter-highlight-not-empty-color) !important; } div.provider-view-mode > a.btn.data_provider_button:hover > i { color: var(--filter-highlight-not-empty-color) !important; } div.provider-view-mode > a.btn.data_provider_button.provider_delete > i { color: #ff6060 !important; } div.provider-view-mode > a.btn.data_provider_button.provider_delete:hover > i { color: #ff6060 !important; } a.btn.data_provider_button { padding: 10px !important; border-radius: 10px !important; background-color: #fff !important; font-size: larger; } #edit_dataset_button a.btn.data_provider_button { padding-top: 5px !important; } a.btn.data_provider_button > i, #provider_edit_mode > i { color: var(--filter-highlight-not-empty-color) !important; } a.btn.data_provider_button:hover > i, #provider_edit_mode:hover > i { color: var(--filter-highlight-not-empty-color) !important } a.btn.data_provider_button:hover { background-color: #fff !important; color: #000 !important; } .csv_preview:hover { cursor: pointer; } label.csv_preview.form-control { width: 66% !important; } .upload_csv_label_div { color: #858585; } #process_csv_url i { color: var(--list-active-color) !important; } #csv_modal .modal-body { padding-bottom: 0px !important; } #csv_modal .modal-footer { margin-bottom: 5px !important; margin-right: 5px !important; } #process_csv_url { background-color: white !important; color: var(--filter-highlight-not-empty-color) !important;; padding: 5px !important; /* border-radius: 10px !important; */ border: 2px solid white !important; align-content: end; } #process_csv_url:hover { /* background-color: white !important; */ /* color: var(--filter-highlight-not-empty-color) !important; */ border-bottom: 2px solid var(--filter-highlight-not-empty-color) !important; } #duplicate_dataset_button i { color: var(--purple) !important } .delete_uploaded_font { line-height: 2.5 !important; padding-left: 0.4rem !important; color: var(--icon-color-white) !important; } .delete_uploaded_font:hover, .delete_uploaded_font .delete-icon:hover { color: var(--nav-hover-color) !important; } #noContentChart-main { max-height: 400px; } #chartAssignments, .chart-parent-assignments { width: 100%; } .chart-parent-assignments { position: relative; } #mediaCompatibilityChart-main { max-height: 500px; } li.media_compat_filter_container.nav-item.waves-effect.waves-light { text-align: left; margin-top: 1.7rem; } ul.media_compat_filters { max-width: fit-content; margin: auto !important; } label.form-check-label.media_compat_form_check_label { font-size: 20px; } /* Reports CSS */ .reports_dashboard_top { top: 72px; } .reports_dashboard_top { background-color: white; } .reports_dashboard_top .dashboard_links, .reports_dashboard_top .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light, .reports_dashboard_top .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light:hover { font-size: 0.8em; padding: 10px !important; } .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light:hover, .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light:hover i, .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light.active, .nav-link.reporting-nav-link.mx-1.btn.waves-effect.waves-light.active i { background-color: var(--media-search-color) !important; color: white !important; } #reports_settings { font-size: medium !important; } a.player_report_btns:hover, a.player_report_btns:hover i, a.media_report_btns:hover, a.media_report_btns:hover i { background-color: transparent !important; color: var(--icon-color) !important; } .change_report_text, #map_id { font-size: larger; } #reports_display { padding: 0px 0px 0px 0px !important; } /* Show no padding for #reports_settings but only when player_reports_div, media_reports_div, and wayfinding_reports_div ARE NOT SHOWING */ #reports_settings:not(:has(#default_reports_div.active, #player_reports_div.active, #media_reports_div.active, #wayfinding_reports_div.active)) { padding: 0px !important; } #mediaReportContentFrame #top_panel { padding-top: 0px !important; } #btn_run_report.btn-run-report { padding: 0rem 0.5rem 0.5rem 0.5rem !important } table#events_table.table th, table#events_table.table td { font-size: medium; } #mainPlayerReportDiv:not(h2), #mainMediaReportDiv:not(h2), #mainSyncErrorReportDiv:not(h2), #mainNoContentReportDiv:not(h2), #mainSystemActivityReportDiv:not(h2), #mainMediaCompatReportDiv:not(h2), #mainWayfindingReportDiv:not(h2) { font-size: larger; } #mainPlayerReportDiv .card-body, #mainMediaReportDiv .card-body, #mainSyncErrorReportDiv .card-body, #mainNoContentReportDiv .card-body, #mainSystemActivityReportDiv .card-body, #mainMediaCompatReportDiv .card-body, #mainWayfindingReportDiv .card-body { font-size: 0.9rem !important; } #mainPlayerReportDiv .inner-paginate-row, #mainMediaReportDiv .inner-paginate-row, #mainSyncErrorReportDiv .inner-paginate-row, #mainNoContentReportDiv .inner-paginate-row, #mainSystemActivityReportDiv .inner-paginate-row, #mainMediaCompatReportDiv .inner-paginate-row, #mainWayfindingReportDiv .inner-paginate-row { background-color: #FFF !important; } #mainSystemActivityReportDiv #activity_table th, #mainSystemActivityReportDiv #activity_table tbody td { font-size: medium; } #mainMediaCompatReportDiv .media_compat_filters li label { font-size: large; } #no_content_recent, #media_errors_recent { width: 178px; border-width: 1px !important; border-color: #919191 !important; border-radius: 6px !important; background-color: white !important; color: black !important; margin-left: 0px !important; } .reports-right-side-explanation { font-size: 1.5rem; } html body #generic_modal.reports-modal { position: fixed; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; transform: translateY(54%); } .library_sidebar_picker_content_list { max-height: 580px; overflow-y:auto; overflow-x:hidden; width:auto; } .fa.fa-magic.list-view-icons { color: #43bb14; font-size: 20px; } .fa.fa-magic.tile-view-icons { color: #43bb14 !important; } .mt-new .mark_all_as_read { color: var(--icon-color) !important; background-color: transparent !important; padding: 5px !important; } .mt-new .mark_all_as_read:hover { color: #fff !important; background-color: var(--clr-brand-primary) !important; } .edit_url_btn_tile_view { justify-content: center; /* display: none !important; */ } .tile-show .canva_edit { padding: 7px; border: 1px solid grey !important; border-radius: 10px; background-color: white; color: black !important; top: -41px; position: relative; } .tile-hide .canva_edit { padding: 7px; border: 1px solid grey !important; border-radius: 10px; background-color: white; color: black !important; } .ai_active_media_name { color: rgb(7 207 7) !important; } a.ai_pending_media_name.underline:link { color: black !important; background-color: #ffb42b !important; } i.fas.fa-exclamation-triangle.ai-pending-icon { color: #ffb42b; font-size: 0.95rem; } i.fas.fa-exclamation-triangle.ai-error-icon { color: #ffb42b; font-size: 0.95rem; } span#player-health-tooltip { margin-top: -1px; } a.ai_expired_media_name:link, a.ai_not_scheduled_media_name:link { color: black !important; /* background-color: red; */ } .ai_media_items { /* height: 10rem; overflow: scroll; overflow-x: hidden; */ } /*.ai_active_media_items { height: 9.375rem; overflow: scroll; overflow-x: hidden; }*/ .ai_pending_media_items { /* height: 9.375rem; overflow: scroll; overflow-x: hidden; */ } .ai_expired_media_items { /* height: 9.375rem; overflow: scroll; overflow-x: hidden; */ } .login-container { background-image: url("/ui/img/login_bg.jpg"); background-size: cover; background-repeat: no-repeat; max-width: 100% !important; height: 95.4vh; overflow-x: hidden !important; overflow-y: hidden !important; } .login-section { background-size: cover; background-position: center center; height: 100vh; overflow-y:hidden !important; } .login-rounded { border-radius: 3rem !important; } .card-border { border-radius: 1rem !important; } .passkey-shield { color: #ff0000; } .passkey-info-check { color: #ff0000; } .btn-filled-login { background-color: #ff0000 !important; color: #ffffff !important; border-radius: 0.5rem !important; } .btn-filled-skip { background-color: var(--body-color) !important; color: var(--text-color) !important; border-radius: 0.5rem !important; } .btn-filled-skip:hover { background-color: var(--body-color) !important; } .login-input { background-color: var(--input-background-color) !important; color: var(--card-text-color) !important; border-radius: 0.5rem !important; font-size: 1rem; width: 90%; } .passkey-circle-btn{ /* background-color: var(--clr-button-background-hover) !important; */ background-color: #ff0000 !important; color: #ffffff !important; padding: 0px; border-radius: 50%; width: 28px !important; height: 28px !important; text-align: center; vertical-align: middle; line-height: 18px; } .passkey_info_div { color: var(--multi-select-text-color) !important; font-family: "Montserrat Regular"; } .passkey-info-btn { background-color: #ff0000 !important; color: #ffffff !important; } .passkey-info-ul { list-style: none; font-family: "Montserrat Regular"; font-size: 0.70em; padding-inline-start: 10px; } .passkey-container { background-image: url("/ui/img/login_bg.jpg"); background-size: cover; background-repeat: no-repeat; max-width: 100% !important; height: 95.3vh; overflow-x: hidden !important; overflow-y: hidden !important; } .passkey-info-large-ul { list-style: none; font-family: "Montserrat Regular"; font-size: 1.1em; padding-inline-start: 10px; } .passkey-check { color: #ff0000 !important; font-family: "Montserrat Regular"; } .create_passkey_button { cursor: pointer; } .ai_thinking_text { color: #5d9afd !important; } a.ai_pending_media_name, a.ai_expired_media_name, a.ai_not_scheduled_media_name { padding: 2px; margin-right: 1px; } div.ai_pending_media_name, div.ai_expired_media_name, div.ai_not_scheduled_media_name { margin-bottom: 0.5rem; } div.not_scheduled_media_list, div.expired_media_list { margin-bottom: -0.875rem; } #replacement_warning, .tac_warning { color: var(--modal-text-color-2); animation: warning-breathing-color 2.5s infinite alternate linear; font-size: 1rem; text-align: center; } #user-heads-up{ font-size: 1rem; } i.fa-regular.fa-file.onedrive-file-sd, i.fa-regular.fa-file.googledrive-file-sd { color: #4CAF50; } i.fas.fa-arrow-right-from-bracket.cloud-logout-button.ml-1 { color: #858585; } #process_csv_url > i.ml-2.fas.upload-icon.list-view-icons.mt-0 { font-size: 0.75rem !important; color: var(--clr-brand-primary) !important; } #upload_url { width: 66% !important; } a#clean_tags_btn_assign_tags { margin-top: -0.0625rem !important; } a#clean_tags_btn_library { margin-top: -0.25rem !important; } @keyframes warning-breathing-color { 0% { color: var(--modal-text-color-2); } 100% { color: #ff0000; } } .loader { width: 14px; height: 14px; border-radius: 50%; display: inline-block; border-top: 3px solid #5d9afd; border-right: 3px solid transparent; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .nav-tabs .nav-item .nav-link.ai_analysis_tab_highlight { animation: ai-warning-breathing-color 2.5s infinite alternate linear !important; } @keyframes ai-warning-breathing-color { 0% { color: #892102; /* opacity: 0.5; */ } 100% { color: #fc3d03; /* opacity: 1; */ } } .media_list_col { margin-top: 0.475rem; } .ai_times_no_content_playing { /* color: #fc3d03; */ font-weight: bolder; } i.fa-regular.fa-circle-check.ai-no-issues { color: #00C851; font-size: 0.95rem; } a.ai_not_scheduled_media_name.content_name.underline { color: black; } div#auto-tag-checkbox { margin-left: 1.313rem !important; } label#head_auto_tag_check { margin-left: 1.938rem; } /* span.chip.tag-chip { padding: 0px 8px 0px 8px !important; margin: 0px 2px 5px 2px; background-color: #cccccc; color: black; cursor: default; } */ span.chip.tag-chip { padding: 0px 4px 0px 4px !important; margin: 0px 2px 4px 2px; background-color: #cccccc; color: black; cursor: default; font-size: 10px; } a span.chip.tag-chip{ cursor: pointer; } #auto_tag_check.form-check-input[type="checkbox"].filled-in:checked+label:after { background-color: transparent !important; border: 2px solid transparent !important; } /* Tagged Media Population Table */ a#populate_tag_modal { margin: 6px 2px 6px 2px; font-size: 10px; } a.playlist_view_button { margin: 6px 2px 6px 2px; font-size: 10px !important; } table#tagged_media_to_add_table { width: 100%; /* height: auto; */ /* height: 6.25rem; */ } img.tag_populate_thumbnail { width: 53%; height: auto; } th.tagged_media_add_check, td.tag_population_checkbox_column { padding: 10px 0px 10px 0px; min-width: 16rem; } td.tag_population_thumbnail_column, th.tagged_media_vthumb { padding: 10px 0px 10px 0px; min-width: 32rem; } td.tag_population_name_column, th.tagged_media_name { padding: 10px 10px 10px 40px; min-width: 24rem; } div#tag_populate_modal_instructions { margin: -20px 0px 0px -28px; } div#tag_population_tag_search_label { margin: -14px 0px 0px -81px; } input#tag_list_search { margin: -8px 0px 0px 0px; height: 24px; background-color: white !important; color: black !important; border: 1px solid #ced4da; border-radius: .25rem; } input#tag_list_search::placeholder { color: #a9a9a9 !important; } li.acquired_tag_list { list-style-type: none; display: inline-block; } div#tag_population_tag_list { margin: -13px 0px 0px -82px; max-height: 66px; overflow-y: auto; } li.acquired_tag { /* background-color: #036503; */ background-color: #5ec300; /* color: #ffffff; */ color: black; margin: 0px 0px 5px 5px; border-radius: 15px; padding: 1px 6px 1px 6px; } i.fa-solid.fa-x.tag_remove_icon { cursor: pointer; margin-left: 2px; } /*Tag Cloud*/ div#tag_cloud_container { max-height: 35.188rem; } .tag-cloud { display: flex; flex-wrap: wrap; margin-bottom: 1.25rem; margin-left: -0.375rem; padding: 0px; /* border: 1px solid #ddd; */ /* border-radius: 5px; */ overflow: hidden; max-height: 4.5rem; } .tag-item { display: inline-block; padding: 5px 10px; margin: 3px; /* background-color: #02aac5; */ background-color: #dedede; /* background-color: var(--card-color); */ color:black; border-radius: 15px; cursor: pointer; transition: background-color 0.3s; height: 1.813rem; } .tag-item:hover { background-color: #5fc502; } .tag-item.selected { background-color: #4285f4; color: white; } tr.table_row:hover { cursor: pointer; } /*Data Sources Upload Modals*/ i.ml-2.fa-brands.fa-google-drive.list-view-icons.mt-0 { color: green; } .datasource-plus{ font-size: 1.25rem } #onedrive_file_structure_csv_upload:hover, div#google_file_structure_csv_upload:hover { background-color: white !important; } div#onedrive_file_structure_csv_upload, div#google_file_structure_csv_upload { background-color: white !important; height: 21rem } li#sb_onedrive_ds, li#sb_onedrive_ds_file, li#sb_google_drive_ds, li#sb_google_drive_ds_file { background-color: white !important; color: #858585 !important; } a.drive-table-header.text-body.sidebar-link.simple-link { color: #858585 !important; } a.text-body.sidebar-link.simple-link.template-category.google-drive-folder.google-drive-folder-sd, .google-drive-folder-sd, .one-drive-folder-sd { color: #858585 !important; } div#csv-datagrid-rows { width: 100%; height: 10.8125rem; overflow: auto; } div#tag_clean_confirmation { margin-top: 12rem; } div#tag_clean_confirmation_add_tags { margin-top: 12rem; } /* Terms of Service */ .col-12.tos_subsection_title { margin-bottom: 0.625rem; } .col-12.tos_sub { margin-bottom: 0.5rem; } .tos_sub_letters { margin-left: 0.8125rem; } .tos_sub_numbers { margin-left: 0.1875rem; } div#terms_of_service_container { max-height: 28.48rem !important; overflow-y: auto; overflow-x: hidden; margin-top: 1.25rem; } button#terms_of_service_accept, button#terms_of_service_close { width: 4.6875rem; height: 1.6875rem; border: none; color: #fff !important; background-image: linear-gradient(to right, #015eea, #00b3e9) !important; border-radius: 1rem; } button#terms_of_service_accept:hover, button#terms_of_service_close:hover { width: 4.6875rem; height: 1.6875rem; border: none; color: #fff !important; border-radius: 1rem; } .tos_modal { background-color: black; } .response_time_cell { padding: 15px 15px 15px 15px; border: 1px solid; background-color: #fff; } table#cs_response_time_table, table#support_call_impact_table, table#support_severity_table, #escalation_level_table { text-align: center; /* margin: 2% 0% 2% 13%; */ } a#terms_of_service_download, a#privacy_policy_button { border: none; color: #fff !important; background-image: linear-gradient(to right, #015eea, #00b3e9) !important; border-radius: 1rem; padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem; } button#terms_of_service_accept:disabled { width: 4.6875rem; height: 1.6875rem; border: none; color:#ccc !important; background-image: linear-gradient(to right, #015eea, #00b3e9) !important; border-radius: 1rem; } /*New smartlist styling*/ /* Smart List Manage - Checkbox padding */ .smart-list-main-container .custom-control.custom-checkbox, #generic_modal[data-module="smart_list"] .custom-control.custom-checkbox { padding-left: 0; } /* Smart List Manage - Input labels */ .smart-list-main-container label.custom-control-label, #generic_modal[data-module="smart_list"] label.custom-control-label { position: relative; padding-right: 1.5rem; } /* Smart List Manage - Input labels before/after */ .smart-list-main-container label.custom-control-label::before, .smart-list-main-container label.custom-control-label::after, #generic_modal[data-module="smart_list"] label.custom-control-label::before, #generic_modal[data-module="smart_list"] label.custom-control-label::after { right: 0; left: auto; } /* Smart List Manage - Remove column button on hover */ .smart-list-main-container .remove-icon:hover { color: darkgray; } /* Smart List Manage - Dark-mode disabled input */ .mdb-skin .smart-list-main-container .disabled.form-control-lite:not(.datepicker), .mdb-skin #generic_modal[data-module="smart_list"] .disabled.form-control-lite:not(.datepicker) { background-color: #c4c4c4 !important; color: darkgrey !important; } /* Smart List Manage - Light-mode disabled input */ .white-skin .smart-list-main-container .disabled.form-control-lite:not(.datepicker), .white-skin #generic_modal[data-module="smart_list"] .disabled.form-control-lite:not(.datepicker) { background-color: #c4c4c4 !important; color: darkgrey !important; } /* Smart List Manage - Light-mode enabled input */ .white-skin .smart-list-main-container .enabled.form-control-lite:not(.datepicker), .white-skin #generic_modal[data-module="smart_list"] .enabled.form-control-lite:not(.datepicker) { background-color: #ffffff !important; color: black !important; } /* Smart List Manage - Light-mode input */ .white-skin .smart-list-main-container .form-control-lite:not(.datepicker, .enabled, .disabled), .white-skin #generic_modal[data-module="smart_list"] .form-control-lite:not(.datepicker, .enabled, .disabled) { background-color: white !important; } /* Smart List Manage - Light-mode buttons on hover */ .white-skin .smart-list-main-container .btn:has(i.fas):hover>i.fas { color: black !important; } /* Smart List Manage - Dark-mode buttons on hover */ .mdb-skin .smart-list-main-container .btn:has(i.fas):hover>i.fas { color: #595959 !important; } /* Smart List Flyout Styles - MediaTile Platform */ .smart-list-flyout-container { background-color: var(--flyout-background-color) !important; color: var(--text-color); width: 25.3125rem; position: fixed; top: 10.5625rem; left: 0; height: calc(100vh - 4.0625rem); box-sizing: border-box; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: flex; flex-direction: column; overflow: hidden; margin-top: -1rem; } .smart-list-flyout-container * { box-sizing: border-box; } .smart-list-flyout-container.showing { transform: translateX(-25.3125rem); } .smart-list-flyout-tabs { position: fixed; width: 1.5625rem; left: 25.3125rem; top: 50%; transform: translateY(-50%); z-index: 3; height: 5.5625rem; background-color: var(--flyout-background-color) !important; border-right: 0.0625rem solid var(--nav-link-hover-color) !important; border-top: 0.0625rem solid var(--nav-link-hover-color) !important; border-bottom: 0.0625rem solid var(--nav-link-hover-color) !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .smart-list-flyout-container:not(.showing) ~ .smart-list-flyout-tabs { left: 25.3125rem; } .smart-list-flyout-container.showing ~ .smart-list-flyout-tabs { left: 0; } .smart-list-flyout-tab { color: var(--button-text-color); padding: 0.625rem; padding-top: 2.0625rem; padding-bottom: 1.875rem; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--flyout-background-color) !important; border-radius: 5px 0 0 5px; } .smart-list-flyout-tab:hover { background-color: var(--flyout-background-color) !important; } .smart-list-flyout-tab .tab-name { text-align: center; font-size: 0.8em; } .smart-list-flyout-content { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 0.625rem 0rem 2.3125rem 0rem; margin-left: -1.3125rem; margin-bottom: 1.25rem; } .smart-list-right-panel { transition: margin-left 0.3s ease-in-out; margin-left: 26.1875rem; flex: 1; min-width: 0; } .smart-list-right-panel.full-width { margin-left: 0; } /* Smart List - Context menu item hover */ #cell-context-menu .context-menu-item:hover, #header-context-menu .context-menu-item:hover { background-color: #e9ecef !important; } /* Adjust container for flyout */ .smart-list-main-container { display: flex; position: relative; } /* Smart List Color Picker Styling */ .smart-list-table-menu-color-picker-container { width: 100%; padding: 0; margin: 0; } .smart-list-table-menu-color-picker-label { font-weight: 600; font-size: 0.95rem; color: #333; margin: 0; white-space: nowrap; } .smart-list-table-menu-color-picker-input-wrapper { display: flex; align-items: center; gap: 0.75rem; transition: all 0.2s ease-in-out; } .smart-list-table-menu-color-picker-input { border: 1px solid #dee2e6; border-radius: 0.25rem; cursor: pointer; transition: all 0.2s ease-in-out; flex-shrink: 0; } .column-headers-container { max-height: 18.75rem; overflow-y: auto; overflow-x: hidden; } /* Cell Style Modal positioning */ #cellStyleModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; background: rgba(0, 0, 0, 0.5); display: none; } #cellStyleModal .modal-dialog { position: absolute; margin: 0; } .tac-toast { background: red !important; } /* Main Media Queries! - Please leave at the bottom */ @media only screen and (min-width:576px) and (min-resolution: 96dpi) { .sortable-row, .fixed-card-parent { justify-content: center; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; /* -webkit-column-gap: 1.7rem; -moz-column-gap: 1.7rem; column-gap: 1.7rem;*/ orphans: 1; widows: 1; } .home-card { /* width: 440px; */ /*height: 520px;*/ margin-bottom: 1.5rem !important; /*background-color:rgb(217, 223, 228);*/ } .fixed-card { /*width: 440px;*/ margin-bottom: 1.5rem !important; } .fixed-card-grid { justify-content: left; /*grid-template-columns: 440px;*/ grid-template-areas: "card1" "card2" "card3" "card4"; } } @media only screen and (min-width:992px) and (min-resolution: 96dpi) { .sortable-row, .fixed-card-parent { justify-content: center; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; /* -webkit-column-gap: 1.7rem; -moz-column-gap: 1.7rem; column-gap: 1.7rem; */ orphans: 1; widows: 1; } .home-card { /* width: 440px; */ margin-bottom: 1.5rem !important; /* background-color:rgb(217, 223, 228);*/ } .fixed-card { /* width: 440px; */ margin-bottom: 1.5rem !important; } .fixed-card-grid { justify-content: left; grid-template-columns: 440px 440px auto; grid-template-areas: "card1 card2 ." "card3 card4 ."; } } @media only screen and (min-width:1200px) and (min-resolution: 96dpi) { .sortable-row, .fixed-card-parent { justify-content: center; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; /* -webkit-column-gap: 1.7rem; -moz-column-gap: 1.7rem; column-gap: 1.7rem;*/ orphans: 1; widows: 1; margin-top: 1.27rem !important; } .home-card { /* width: 48%; */ margin-bottom: 1.5rem !important; /* background-color:#d9dfe4;*/ } .fixed-card { /* width: 437px; */ /* height: 365px; */ margin-bottom: 1.3rem !important; margin-left: -1px; margin-right: -1px; } .fixed-card-grid { justify-content: left; grid-template-columns: 420px 420px 420px auto; grid-template-areas: "card1 card2 card3 ." "card4 . . ."; } } @media only screen and (min-width:3600px) and (min-resolution: 96dpi) { .sortable-row, .fixed-card-parent { justify-content: center; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; /* -webkit-column-gap: 1.7rem; -moz-column-gap: 1.7rem; column-gap: 1.7rem;*/ orphans: 1; widows: 1; margin-top: 1.27rem !important; } .home-card { /* width: 445px; */ margin-bottom: 1.5rem !important; /* background-color:#d9dfe4;*/ } .fixed-card { /* width: 560px; */ /* height: 365px; */ margin-bottom: 1.3rem !important; margin-left: -1px; margin-right: -1px; } .fixed-card-grid { justify-content: left; grid-template-columns: 420px 420px 420px auto; grid-template-areas: "card1 card2 card3 ." "card4 . . ."; } } @media (max-width: 1920px){ .nav-item.nav-menu-item.dropdown.dropdown-top { padding-right: 30px !important; } } /* 4k 150% Scaling */ @media (min-resolution: 160dpi) { .navbar-nav { padding-right: 0.25rem; } .nav-menu-item { padding-right: .75rem; } body { zoom: var(--zoom-level-75); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-135); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-75); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } /* Additional Scaling for Windowed and Zoomed */ /* 4k 250% Scaling 100% Zoom */ @media (min-resolution: 240dpi) { .navbar-nav { padding-right: 0.22rem; } .nav-menu-item { padding-right: .60rem; } body { zoom: var(--zoom-level-70); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-135); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-70); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } /* 4k 250% Scaling 110% Zoom */ @media (min-resolution: 260dpi) { .navbar-nav { padding-right: 0.21rem; } .nav-menu-item { padding-right: .58rem; } body { zoom: var(--zoom-level-65); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-135); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-65); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } /* 4k 250% 125% Zoom Windowed */ @media (min-resolution: 300dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: .55rem; } body { zoom: var(--zoom-level-60); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-140); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-60); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:994px) { .sidebar-menu-button { display: none !important; } } @media (min-width:800px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1rem; } body { zoom: var(--zoom-level-65); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-155); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-65); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1000px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1rem; } body { zoom: var(--zoom-level-75); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-155); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-75); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1100px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1rem; } body { zoom: var(--zoom-level-75); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-155); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-75); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1200px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1rem; } body { zoom: var(--zoom-level-70); } .inverted-zoom { zoom: var(--zoom-level-125); } .popover, .tooltip { zoom: 143%; } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: 133%; } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-145); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-70); } .sortable-row { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1300px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1rem; } body { zoom: var(--zoom-level-70); } .inverted-zoom { zoom: var(--zoom-level-135); } .popover, .tooltip { zoom: 143%; } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: 133%; } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-145); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-70); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1400px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1.25rem; } body { zoom: var(--zoom-level-75); } .inverted-zoom { zoom: var(--zoom-level-130); } .popover, .tooltip { zoom: 135%; } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: 135%; } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-125); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-75); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1600px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.2rem; } .nav-menu-item { padding-right: 1.25rem; } body { zoom: var(--zoom-level-80); } .inverted-zoom { zoom: var(--zoom-level-125); } .popover, .tooltip { zoom: 125%; } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: 125%; } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-120); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-80); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1890px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.25rem; } .nav-menu-item { padding-right: 1.5rem; } body { zoom: var(--zoom-level-100); } .popover, .tooltip { zoom: 100%; } .inverted-zoom { zoom: var(--zoom-level-100); } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: var(--zoom-level-100); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-100); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-100); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:1921px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.5rem; } .nav-menu-item { padding-right: 1.5rem; } body { zoom: var(--zoom-level-100); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-100); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-100); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } } @media (min-width:2500px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.5rem; } .nav-menu-item { padding-right: 2rem; } body { zoom: var(--zoom-level-125); } .inverted-zoom { zoom: var(--zoom-level-80); } .popover, .tooltip { zoom: 80%; } .inverted-zoom-tour, .shepherd-modal-overlay-container { zoom: var(--zoom-level-80); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-80); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-125); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } .library_sidebar_picker_content_list { max-height: 700px; } } @media (min-width:3600px) and (min-resolution: 96dpi) { .navbar-nav { padding-right: 0.5rem; } .nav-menu-item { padding-right: 4rem; } body { zoom: var(--zoom-level-150); } .picker.datepicker, .picker.clockpicker, .sp-container { zoom: var(--zoom-level-100); } #library_filters.shepherd-enabled .md-form { zoom: var(--zoom-level-150); } .sortable-row { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; orphans: 1; widows: 1; justify-content: space-between; margin-right: 0px; } .home-card { margin-bottom: 1.5rem !important; } }