/* Copyright (c) Symbee. All rights reserved. */
/* ============================== profiles/adduser-views.css ==============================*/

.addBulkTemplateSelector {
    margin-top: 20px;
}
.addBulkDetailHeader {
    margin-top: 20px;   
    margin-bottom: 10px;
}

#add_bulk_user_help_text {
    padding-left: 8%;
    margin-bottom: 10px;
}

.addBulkIdSet {
    margin-bottom: 5px;
}
.addBulkIdSet .col-form-label {
    text-align: right;
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== adminusers/admin-role-views.css ==============================*/

/* Formatting of the Security Roles custom checkboxes (slightly smaller than normal and removing some whitespace) */
td.roleFunctionAction label.securityRolesCheckBoxLabel {
    margin-top: 1px;
    margin-bottom: 0;
    width: 17px;
    height: 17px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== adminusers/admin-user-views.css ==============================*/

/* formatting of the Security Roles badges on the Admin User list page */
.symbeeRoleBadge {
    font-weight: normal;
    font-size: 12px;
}

#adminuser_maint_view label {
    font-size: 15px;
    font-weight: bold;
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== bi/bi-dashboard-viewer.css ==============================*/

/* Overall View */
body[data-symbee-view='bi-dashboard-viewer'] {
    background-color: #F8F8F8;
}
#bi_dashboard_view {
    background-color: #FFFFFF;

}

/* Viewer header */
.scbiViewerHeader {
    background-color: var(--brand-header-popouts-bg);
    color: #FFF;                
}
#scbi_viewer_logo {
    width:32px;
    height: 32px;
    vertical-align: middle;
    background-image: url("../images/favicon.png");
    background-repeat: no-repeat;    
    background-size: contain;
}
.biWallboardMode .scbiViewerHeader {
    display: none;
}

/* Viewer body overrides */

.scbiViewerBody {
    padding-top: 12px;
}
.biWallboardMode .scbiViewerBody {
    padding-top: 8px;
}
.scbiViewerBody h5.biDashboardName {
    visibility: hidden;
}
.scbiViewerBody .biDashboardControls {
    margin-right: 15px;
}
.scbiViewerBody .biWallboardSwitch {
    display: inline-block;
}
.scbiViewerBody .biDashboardPopoutBtn, .scbiViewerBody .biDashboardCloseBtn {
    display: none;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== bi/bi-deploy.css ==============================*/

/*** Style for the Deployment view "Tree" reports folders/items  ***/

#bi_reports_area {
    border-top: 1px solid lightgray;
    margin-top: 20px;
    position: relative;
}
#bi_reports_tree {
    padding: 15px;
}

/* Basic style for all lines in the tree */
.biTreeLine {
    margin-bottom: 7px;
    font-size: 15px;
}
/* "Folder" specifics */
.biTreeFolder {
    font-weight: bold;
}
.biTreeFolder .folderIcon {
    width: 16px;
    height: 16px;
    margin: 2px 6px 0 0;
    background-size: contain;
    background-image: url("../images/common/folder-icon.png");
}

/* Folder Item specifics */
.biTreeItem input {
    margin: 0 6px 0 27px;
}
.biTreeItem .biTreeLineName {
    cursor: pointer;
}

/* Stagger each level by 25px for the "tree" visual */
.biLineLevel1 {
    margin-left: 25px;
}
.biLineLevel2 {
    margin-left: 50px;
}
.biLineLevel3 {
    margin-left: 75px;
}
.biLineLevel4 {
    margin-left: 100px;
}
.biLineLevel5 {
    margin-left: 125px;
}
.biLineLevel6 {
    margin-left: 150px;
}
.biLineLevel7 {
    margin-left: 175px;
}
.biLineLevel8 {
    margin-left: 200px;
}
.biLineLevel9 {
    margin-left: 225px;
}

/* Force install status badges for normal weight font (bootstrap default is bold) */
.biTreeLine .badge {
    font-weight: normal;
}

/*** Style specifics for the Install dialog  ***/

/* customize bullets for the list of dashboards being installed */
#bi_install_list {
    list-style-type: none;
}
#bi_install_list li.installPending:before {
    margin-right: 10px;
    content: "\2D";     /* (black hyphen) */
}
#bi_install_list li.installComplete:before {
    margin-right: 5px;
    content: "\2713";   /* (green tick) */
    color: #228b22;
}
#bi_install_list li.deleteComplete:before {
    margin-right: 5px;
    content: "\2716";   /* (green cross) */
    color: #228b22;
}
#bi_install_list li.installFailed:before {
    margin-right: 5px;
    content: "\2718";   /* (red cross) */
    color: #FF0000;
}

#bi_install_complete {
    line-height: 28px;
}
#bi_install_results {
    font-weight: bold;
}
#bi_install_results.inError {
    color: red;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== bi/bi-realtime.css ==============================*/

/***** Style for Realtime embedded QuickSight dashboard views *****/

/*** Style for the Dashboard view controls section ***/
.biAutoRefreshSwitch, .biAutoRefreshControls, .biDashboardRefreshBtn, .biDashboardPopoutBtn, .biDashboardCloseBtn {
    display: inline-block;
}
/* Wallboard Mode switch control (hidden by default, only visible on popout) */
.biWallboardSwitch {
    margin-right: 20px;
    vertical-align: middle;
    display: none;
}
.biWallboardModeLabel, .biWallboardModeCheckBox {
    margin-left: 3px;
    vertical-align: middle;
    display: inline-block;
}

/* Auto-Refresh switch control */
.biAutoRefreshOff .biAutoRefreshControls {
    display: none;
}
.biAutoRefreshSwitch {
    vertical-align: middle;
}
.biAutoRefreshLabel, .biAutoRefreshCheckBox {
    margin-left: 3px;
    vertical-align: middle;
    display: inline-block;
}
.biAutoRefreshOn .biAutoRefreshLabel {
    display: none;
}

/* Auto-Refresh interval control */
.biAutoRefreshControls {
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
}
.biAutoRefreshProgress {
    position: absolute;
    height: 4px;
    background-color: #FFC107;
    bottom: -8px;
}
.biRefreshRateLabel1, .biRefreshRateLabel2, .biRefreshRateSecs {
    display: inline-block;
}
.biRefreshRateSecs {
    margin: 0 2px;
    padding: 0 0 0 2px;
    height: 22px;
    width: 55px;
}

.biDashboardRefreshBtn {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/refresh-btn.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    vertical-align: middle;
}

.biDashboardPopoutBtn {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/popout-btn.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    vertical-align: middle;
}

.biDashboardCloseBtn {
    margin-left: 5px;
    padding: 0 7px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== companyenvchime/chime-call-treatment.css ==============================*/

/***** Specifics for Chime Call treatment admin */

#companyenv_chime_calltreatment_view .listViewTable {
    position: relative;
}
#companyenv_chime_calltreatment_view .search-input {
    width: 300px;
}
#treatment_rule_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}    

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== companyenvglobal/detail-integrations.css ==============================*/

/***** Specifics for Company Emvironment Integrations Views */

/* Common for all pages */
.globalCompanyEnvHeader {
    font-size: 16px;
}
.companyEnvGlobalsHelpText {
    font-size: 16px;
    margin: 0px 0px 15px 15px;
    font-style: italic;
}

/* Specific to Enghouse Smartdial page */
#enghouse_smartdial_logo {
    height: 100%;
    width: 90%;
    background-image: url("../images/integrations/enghouse-smartdial.svg");    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}

/*** Specific to CloudFormations page ** */

/* Increase size of text in the discovery progress message */
#cf_deploy_status_progress {
    font-size: 16px;
}

/* Styling specifics for each Cloudformation entry displayed */
.cfEntry {
    width: calc(100% - 4px);
    padding: 3px 0 10px 15px;
    background-color: #F8F8F8;
    border: 1px solid #F0F0F0;
}
.cfEntry .cfTitleText {
    font-size: 18px;
}
.cfEntry .cfNarrative {
    padding-left: 25px;
}
.cfEntry .cfDownloadLine {
    padding-left: 25px;
    margin-top: 5px;
}
.cfEntry .cfDownloadLine a {
    margin-left: 8px;
    font-weight: bold;
}
.cfEntry .cfStackNamePrefix {
    margin-left: 40px;
}

/* Custom formatting for Deployment Status badges */
.cfEntry .badge {
    font-weight: normal;
    cursor: pointer;
    vertical-align: text-bottom;
    font-size: 12px;
}

/* Custom formatting for tooltips used in CloudFormation entry blocks */
#company_integration_cf_block .tooltip-inner {
    font-size: 13px;
    max-width: 500px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== servicelimits/detail-view.css ==============================*/

#limits_company_header {
    position: relative;
}
#limits_helptext {
    font-size: 16px;
}
.svcLimitEntry {
    margin-left: 0px;
    margin-bottom: 10px;
}
.limitLabel {
    font-size: 16px;
}
.limitValue {
    width: 100px;
}

.limitsEnvCard {
    margin: 10px 0 5px 25px;
}
.limitsEnvCard .card-header {
    cursor: pointer;
}
.limitsEnvExpanderIcon, .limitsEnvHeadingText {
    display: inline-block;
}
.limitsEnvExpanderIcon {
    width: 25px;
    height: 20px;
    background-image: url("../images/common/expander-triangle-icon.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 9px;
    background-size: 16px;
    opacity: 0.8;
}
.envExpanded .limitsEnvExpanderIcon {
    transform: rotate(180deg);
    background-position-x: 8px;
    background-position-y: -1px;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== contactrules/detail-views.css ==============================*/

/***** Contact Permissions Maintain View specifics *****/

.rulesetGroupHeader {
    margin-top: 10px;
}

/*** Ruleset Header Config Form area ***/
.rulesetFieldsBlock {
    margin-top: 10px;
    margin-bottom: 10px;
}
.rulesetHeaderField {
    margin-left: 0px;
    margin-bottom: 20px;
}

.rulesetHeaderField .fieldLabel {
    font-size: 15px;
    font-weight: bold;
}
.rulesetHeaderField .fieldDesc {
    font-style: italic;
}

.rulesetHeaderField .fieldValue input[type=text] {
    width: 90%;
}

/*** Rule Grid area ***/
#ruleset_rules_grid button {
    height: 22px;
    margin-top: 3px;
    padding-top: 0;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== flowpoint/detail-views.css ==============================*/

/*** Flow Control Points view ***/

/* CloudFormation link */
.flowpointsHelp {
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 14px;    
}
.flowpointsHelp .flowpointsLambdaLink {
    margin-left: 50px;
}

/* Flow Points - list table */
#flowpoint_maint_view .listViewTable {
    position: relative;
}
/* Search bar, and display count */
#flowpoint_maint_view .search-input {
    width: 300px;
}
#flowpoint_maint_view #row_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}    

/* Flow Points Value Dialog */
#flowpoint_upd_field label {
    font-size: 16px;
}
#flowpoint_value_maint_modal input[type=number] {
    width: 180px;
}
#flowpoint_value_maint_modal input.fpStringE164 {
    width: 180px;
}
#flowpoint_value_maint_modal .fpSelectSuggested {
    width: 100%;
}

/*** Flow Control Tables Maintenance Views ***/

/* List View multi-value row cell value formatting */
.fcListItemValueStem {
    font-weight: bold;
    display: block;
}
.fcListItemValue {
    display: inline-block;
    border: 1px solid #E8E8E8;
    padding: 0 4px;
    margin: 0 1px 4px;
    background-color: #F8F8F8;
}

/* Flow Table/Attribute Dialogs Error message */
.fcModalErrorMsg {
    min-height: 24px;
    text-align: center;
    color: red;
}

/* Field separator lines in add/maintain dialogs (used in content dialogs too)*/
#fc_table_attr_maint_row_block hr, 
#fc_table_row_maint_area hr {
    background-color: #707070;
}

/*** Flow Control Table Content View ***/

/* Flow Table Content Table Selector */
.fcTableSelector label {
    font-size: 16px;
}

/* Flow Table Content - data table */
#flow_table_content_view .listViewTable {
    position: relative;
}
/* Search bar, and display count */
#flow_table_content_view .search-input {
    width: 300px;
}
#flow_table_content_view #remember_search_block {
    position: absolute;
    top: 20px;
    left: 330px;
    font-size: 15px;
    z-index: 4;
}
#flow_table_content_view #remember_search_block label {
    margin-left: 5px;
}
#flow_table_content_view #row_display_count {
    position: absolute;
    top: 18px;
    right: 80px;
    font-size: 16px;
    font-style: italic;
}    

/* Attribute (non-key) columns */
#flow_table_area .table .thead-dark th.fcTableAttrCol {
    background-color: #686868;
    border-color: #606060;
}

/* Content Maint Dialog related styling */

#fc_table_row_maint_area input[type=number] {
    width: 180px;
}
#fc_table_row_maint_area input.fcStringE164 {
    width: 180px;
}
#fc_table_row_maint_area .fcSelectSuggested {
    width: 100%;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== hours/detail-views.css ==============================*/

/*** Operating Hours List view, CloudFormation link ***/
.hoursLambdaHelp {
    margin-left: 30px;
    margin-bottom: 20px;
    font-size: 14px;    
}
.hoursLambdaHelp .hoursLambdaLink {
    margin-left: 50px;
}

/***** Operating Hours Maintain View specifics *****/

.hoursScheduleGroupHeader {
    margin-top: 10px;
}

/*** Schedule Description Form area ***/

.hoursScheduleFieldsBlock {
    margin-top: 10px;
    margin-bottom: 10px;
}
.scheduleHeaderField {
    margin-left: 0px;
    margin-bottom: 20px;
}

.scheduleHeaderField .fieldLabel {
    font-size: 15px;
    font-weight: bold;
}
.scheduleHeaderField .fieldDesc {
    font-style: italic;
}

.scheduleHeaderField .fieldValue input[type=text], .scheduleHeaderField .fieldValue select  {
    width: 90%;
}

/*** Hours Tables ***/

.hoursFieldGroup {
    display: inline-block;
    width: 165px;
}
.hoursFieldGroup input {
    display: inline-block;
    width: 35px;
    margin: 0 3px;
}
.hoursFieldGroup select {
    display: inline-block;
    width: 60px;
}

td.stdHoursName, td.exHoursName {
    padding-top: 8px;
    padding-left: 10px;
}
td .exClosedAllDayCheck {
    margin: 7px auto;
}

/* Additional overrides for the Exception Days grid to make it display nicely */
#hours_exception_grid tr {
    display: revert !important;
}
th.exDayDateCol, td.exDayDateCol {
    min-width: 110px;
}
th.exDayDescCol, td.exDayDescCol {
    min-width: 160px;
}
th.exDayInfoCol, td.exDayInfoCol {
    min-width: 120px;
}
th.exDayTimeCol, td.exDayTimeCol {
    min-width: 175px;
}
/* highlight newly added exception entries */
tr.exHoursGridRow.exNewEntry td.exDayDateCol div.exHoursName {
    font-weight: bold;
}
/* style the two exception days grid column sorter icons */
#exception_sort_by_day, #exception_sort_by_desc {
    float: right;
    padding: 3px 0;
    margin: 0 5px;
    cursor: pointer;
}

/* Add Standard Hours form */

#std_hours_add_row {
    margin-top: 8px;
    background-color: #E0e0e0;
    border: 1px solid #B8B8B8;        
}
#std_hours_add_name {
    width: 110px;
}
#std_hours_add_btn {
    padding: 3px 14px;    
}

/* Add Exception Hours form */

#exception_hours_add_row {
    margin-top: 8px;
    background-color: #E0e0e0;
    border: 1px solid #B8B8B8;        
}
#exception_hours_add_btn {
    padding: 3px 14px;    
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== profiles/detail-views.css ==============================*/


.profileHeaderId {
    margin-right: 40px;
}

.profileGroupCard {
    margin-top: 10px;
}
.profileGroupCard .card-header {
    cursor: pointer;
}
.profileGroupCardExpanderIcon, .profileGroupCardHeadingText {
    display: inline-block;
}
.profileGroupCardExpanderIcon {
    width: 25px;
    height: 20px;
    background-image: url("../images/common/expander-triangle-icon.png");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 9px;
    background-size: 16px;
    opacity: 0.8;
}
.groupExpanded .profileGroupCardExpanderIcon {
    transform: rotate(180deg);
    background-position-x: 8px;
    background-position-y: -1px;
}

.profileGroupHeader {
    margin-top: 15px;
}
.profileGroupIcon {
    position: relative;
    left: 200px;
    top: -30px;
    height: 50px;
    width: 180px;
    background-repeat: no-repeat;
    background-size: contain;
}

.profileItemBlock {
    margin-left: 0px;
    margin-bottom: 5px;
}

.profileItemBlock .itemLabel {
    font-size: 15px;
    font-weight: bold;
}
.profileItemBlock .itemDesc {
    font-style: italic;
}

/***  Formatting specifics for profile maint input fields  ***/

.profileItemBlock .itemValue input[type=text], 
.profileItemBlock .itemValue select,
.profileItemBlock .itemValue textarea {
    width: 90%;
}

.profileItemBlock .itemValue input[type=password] {
    width: 80%;
}
.profileItemBlock .itemValue input[type=number] {
    width: 140px;
}

/* Formatting for <select> item value lists using the 'select2' plugin */
.profileItemBlock .itemValue span.select2 {
    margin-top: 7px;
}

/* Formatting of DateTimeUTC settings */
.profileItemBlock .itemValue .dateTime {
    width: 140px !important;
}

/* Formatting of TimeWithZone settings */
.profileItemBlock .zonedTimeHours, 
.profileItemBlock .zonedTimeMins,
.profileItemBlock .zonedTimeAmPm {
    display: inline-block !important;
}
.profileItemBlock .zonedTimeHours, 
.profileItemBlock .zonedTimeMins {
    width: 35px !important;
    margin: 4px 4px 4px 0 !important;
}
.profileItemBlock .zonedTimeAmPm {
    width: 65px !important;
    margin: 4px 4px 4px 10px !important;
}
.profileItemBlock .zonedTimeZone {
    width: 300px !important;
    margin: 2px 0 12px 0 !important;
}
.profileItemBlock .zonedTimeZone + .select2-container {
    margin-bottom: 12px;
}

/* Formatting for HTML Preview Button - on the right of any profile item type: StringMultilineHtmlSafe */
.profileItemBlock .profileHtmlPreviewBtn {
    position: absolute;
    top: 0;
    left: calc(90% - 1px);
    width: 30px;
    height: 30px;    
    
    background-image: url("../images/common/html-preview-btn.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    cursor: pointer;
}

/*** Specific to the User Profile/Template App-Mode selector ***/
.appModeSelector {
    margin-bottom: 20px;
}
.appModeSelector .itemLabel {
    font-size: 15px;
    font-weight: bold;
}
.appModeSelector .btn-secondary {
    min-width: 110px;
    background-color: #c6c8ca;    
}

/*** Specific to the User Profile/Template Visual Group left-hand column/menu ***/

.userVisualGroupCol {
    border-right: 1px solid rgba(0,0,0,.125);    
    font-size: 15px;
}
.vgMenuItem {
    cursor: pointer;
}
.vgMenuItem.vgActive {
    color: #FFFFFF;
    background-color: #545b62;
} 

/*** Specific to Social Profiles with Webhooks ***/

#webhook_block .alert {
    margin-left: 10px;
    margin-left: 20px;
    font-size: 16px;
}
#webhook_block .webhookUrl {
    margin-left: 20px;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== security/detail-views.css ==============================*/

/*** SSO Settings View ***/

#ssosettings_maint_view #sso_idp_certificate {
    font-family: monospace;
    width: 650px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== skillqueues/detail-views.css ==============================*/

/***** Queue Maintain View specifics *****/

/* The top Queue Header block */
.queueHeaderCode, .queueHeaderId {
    display: inline-block;
    width: 300px;
}
.queueHeaderInternal {
    color: darkblue;
}

/* Specifics for the Queue Form area */
.queueGroupHeader {
    margin-top: 10px;
}

.queueFieldsBlock {
    margin-top: 10px;
    margin-bottom: 10px;
}
.queueField {
    margin-left: 0px;
    margin-bottom: 20px;
}

.queueField .fieldLabel {
    font-size: 15px;
    font-weight: bold;
}
.queueField .fieldDesc {
    font-style: italic;
}

.queueField .fieldValue input[type=text], .queueField .fieldValue select  {
    width: 90%;
}
.queueField .fieldValue input[type=number] {
    width: 70px;
}

/***** Skill Apply Maintain View specifics *****/

#user_skill_apply_help_text {
    font-size: 16px;
    margin: 15px 0 30px;
}
#user_skill_assign_selections {
    margin-bottom: 15px;
}

#user_skill_apply_selections .skillApplySelection, #user_skill_apply_add_form {
    margin-left: 15px;
    margin-bottom: 10px;
}

#user_skill_apply_selections .selectedSkill, #user_skill_apply_add_form #skill_apply_select_wrapper {
    margin-left: 10px;
    margin-right: 10px;
    width: 340px;
}
#user_skill_apply_selections .selectedLevel, #user_skill_apply_add_form .skillApplyAddLevel,
#user_skill_apply_selections .selectedDelay, #user_skill_apply_add_form .skillApplyAddDelay {
    margin-left: 10px;
    margin-right: 20px;
    width: 60px;
}
#user_skill_apply_selections .selectedRemoveBtn, #user_skill_apply_add_form .skillApplyAddBtn {
    width: 70px;
}
#user_skill_apply_form_break {
    margin-left: 10px;
    width: 580px;
    background-color: silver;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== donotcall/dnc-status.css ==============================*/

/* properties for the dnc refresh button */
.dncListsRefreshBtn {
    position: absolute;
    top: -40px;
    right: 20px;
    height: 38px;
    width: 38px;
    background-image: url(../images/common/refresh-btn.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;    
    border: 1px solid #ced4da;
    border-radius: 5px;
    opacity: 0.7;    
}
#dnc_lists_refresh_status {
    position: absolute;
    top: -30px;
    right: 140px;
    font-style: italic;
}

/*** Form List Publication Status styles/colors ***/
.dncListStatus {
    font-weight: bold;
    color: red;
}
.dncListStatus[data-status="Ready"] {
    font-weight: bold;
    color: #4CBB17;     /* (green) */
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== companyhome/doclibrary.css ==============================*/

/* Documentation View Styling */

#doc_library_online_body {
    margin: 10px 0 20px;    
    font-size: 16px;
}

/*** Document Other Resources Library styling ***/

#doc_resources_loading_msg {
    font-size: 16px;
    font-style: italic;
    margin-left: 40px;
}

#doc_library {
    padding: 15px;    
}

/* Specifics for Document entry links */
.docLibEntry {
    font-size: 15px;
    padding: 3px 0;
}
.docLibEntry a {
    color: #212529;    
}

.docLibEntry.level1 {
}
.docLibEntry.level2 {
    margin-left: 15px;
}
.docLibEntry.level3 {
    margin-left: 30px;
}
.docLibEntry.level4 {
    margin-left: 45px;
}
.docLibEntry.level5 {
    margin-left: 60px;
}
.docLibEntry.level6 {
    margin-left: 75px;
}
.docLibEntry.level7 {
    margin-left: 90px;
}


/* Specifics for Document entry links */
.docLibHeading {
    font-weight: bold;
    margin-top: 10px;
}

.docLibHeading.level1 {
    font-size: 22px;
}
.docLibHeading.level2 {
    font-size: 20px;
    margin-left: 15px;
}
.docLibHeading.level3 {
    font-size: 18px;
    margin-left: 30px;
}
.docLibHeading.level4 {
    font-size: 16px;
    margin-left: 45px;
}
.docLibHeading.level5 {
    font-size: 15px;
    margin-left: 60px;
}
.docLibHeading.level6 {
    font-size: 15px;
    margin-left: 75px;
}
.docLibHeading.level7 {
    font-size: 15px;
    margin-left: 90px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== evaluating/eval-collection-view.css ==============================*/

/* Overall View */
body[data-symbee-view='evaluation-form'],
body[data-symbee-view='evaluation-dispute'] {
    background-color: #F8F8F8;
    padding-left: 10px;
    padding-right: 10px;
}
#eval_view {
    border: 1px solid silver; 
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 5px;
    min-height: 600px;
    min-width: 700px;
    max-width: 800px;
}            

/* Work Info Section */
#eval_workinfo_block input {
    height: 26px;
    margin-top: 4px;    
}

/* Form Selection Area */
#eval_formselect_block {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 16px;
}
#eval_formselect_block h5 {
    margin-bottom: 25px;
}
#eval_form_header {
    margin-top: 20px;
    margin-bottom: 15px;
}
#eval_form_header button {
    margin-left: 15px;
    height: 24px;
    padding-top: 0;                
}   

/* Main Evaluation Form Area */
#eval_form {
    font-size: 15px;
}


option.evaluation-form-selector-option[data-form-status="PUBLISHED"] {
    background-color: rgb(168, 238, 168);
}
option.evaluation-form-selector-option[data-form-status="INACTIVE"] {
    background-color: #e0e0e0;
}
option.evaluation-form-selector-option[data-form-status="DRAFT"] {
    background-color: white;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== evaluating/eval-non-inter-work.css ==============================*/

/*** Evaluate Non-Interaction Wrok form ***/

.niEvalWorkField {
    margin-left: 0px;
    margin-bottom: 20px;
}
.niEvalWorkField .niFieldLabel {
    font-size: 15px;
    font-weight: bold;
}
.niEvalWorkField .niFieldDesc {
    font-style: italic;
}
.niEvalWorkField .niFieldValue input[type=text], .niEvalWorkField .niFieldValue select  {
    width: 90%;
}
/* Work Type and Direction */
.niEvalWorkField #ni_work_type select,
.niEvalWorkField #ni_work_direction select {
    width: 140px !important;
}
/* Work Date/Time picker */
.niEvalWorkField #ni_work_datetime input {
    width: 140px !important;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== autotext/group-list.css ==============================*/

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== autotext/group-manage.css ==============================*/

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== hierarchy/hierarchy-views.css ==============================*/

/*** Common hierarchy "tree-layout" look (used by both structure and members pages) ***/

.hierarchyTreeStyle.level1                        { background-color: #8D969C; }
.hierarchyTreeStyle.level1 .userHierarchyFiller   { margin-left: 0; }

.hierarchyTreeStyle.level2                        { background-color: #AFB5B9; }
.hierarchyTreeStyle.level2 .userHierarchyFiller   { margin-left: 25px; }

.hierarchyTreeStyle.level3                        { background-color: #D1D5D7; }
.hierarchyTreeStyle.level3 .userHierarchyFiller   { margin-left: 50px; }

.hierarchyTreeStyle.level4                        { background-color: #F3F4F5; }
.hierarchyTreeStyle.level4 .userHierarchyFiller   { margin-left: 75px; }

.hierarchyTreeStyle.level5                        { background-color: #F6F7F8; }
.hierarchyTreeStyle.level5 .userHierarchyFiller   { margin-left: 100px; }

.hierarchyTreeStyle.level6                        { background-color: #F6F7F8; }
.hierarchyTreeStyle.level6 .userHierarchyFiller   { margin-left: 125px; }

.hierarchyTreeStyle.level7                        { background-color: #F6F7F8; }
.hierarchyTreeStyle.level7 .userHierarchyFiller   { margin-left: 150px; }

.hierarchyTreeStyle.level8                        { background-color: #F6F7F8; }
.hierarchyTreeStyle.level8 .userHierarchyFiller   { margin-left: 175px; }

.hierarchyTreeStyle.level9                        { background-color: #F6F7F8; }
.hierarchyTreeStyle.level9 .userHierarchyFiller   { margin-left: 200px; }


/*** User Hierarchy Structure Management ***/

/* Structure Management - tree control specifics */
#hierarchy_structure_entries .userHierarchyEntry {
    border-bottom: 2px groove #F3F4F5;
}
#hierarchy_structure_entries .userHierarchyActions {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 0 4px 10px;
}
#hierarchy_structure_entries .userHierarchyActions div {
    display: inline-block;
    margin: 0 3px 0 0;
    font-size: 12px;
    padding: 0;
    width: 43px;
}
#hierarchy_structure_entries .userHierarchyGroup {
    display: inline-block;
    padding: 3px 0 4px 10px;
    color: #000;
    font-size: 15px;
    border-left: 2px groove #F3F4F5;
}
/* Structure Management - change look of 'disabled' options in the Move Group selector */
#hierarchy_group_move_modal #new_location option:disabled {
    background-color: silver;
    color: snow;
}

/*** User Hierarchy Members view layout ***/

/* Display Mode selector - style like the two find-by selectors on the same line (which user the select2 library) */
#display_mode {
    height: 28px;
    border: 1px solid #aaa;
}
/* Hierarchy refresh button */
#hierarchy_refresh_btn {
    top: 0px;
    right: 0px;
    height: 28px;
    width: 28px;
    background-image: url(../images/common/refresh-btn.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 3px;
    opacity: 0.7;
}

/* reduce whitespace in tables cells */
#hierarchy_group_entries td {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
}
/* Make first table column limited in width, so members column takes all the spare horizontal room */
#hierarchy_group_entries td.userHierarchyGroupDesc {
    width: 0;
    white-space: nowrap;
    padding-right: 20px;
    color: #000;    /* black text color for the first col hierarchy descriptions */
}
/* All pieces on the members block cell header displayed on same line */
td .membersBlockHeader .membersBlockCnt {
    display: inline-block;
    min-width: 75px;
}
/* The Show/Hide members buttons */
td .membersBlockHeader .membersBlockShowBtn,
td .membersBlockHeader .membersBlockHideBtn {
    padding: 0 5px;
    font-size: 12px !important;
}
/* The members help text */
td .membersBlockHeader .membersHelpText {
    margin-left: 20px;
}
/* members area for each group */
.membersBlockMembersArea {
    margin: 3px 0;
}
/* member (either user-id or user-name) pills in the members area of each group */
.membersBlockMembersArea .member {
    display: inline-block;
    background-color: whitesmoke;
    border: 1px solid silver;
    padding: 0 4px;
    margin: 3px 3px 0 0;
    cursor: pointer;
}
.membersBlockMembersArea .member.hilighted {
    font-weight: bold;
    background-color: lightblue;
}

/* Change look of 'disabled' options in the Move Member selector */
#hierarchy_member_move_modal #new_location option:disabled {
    background-color: silver;
    color: snow;
}

/*** Hierarchy User List view layout ***/

#hierarchy_users_view .search-input {
    width: 220px;
}
#hierarchy_users_view #user_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}

/* currently assigned hierarchy display touch-up */
#hierarchy_users_view td.currentAssignment {
    font-weight: bold;
    font-size: 13px;
}
#hierarchy_users_view td.currentAssignment.unassigned {
    font-weight: normal;
    color: silver;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== companyhome/initialsetup.css ==============================*/

/*** Styling for the initial setup views ***/

/* Make form field labels on setup views bold */
.initialSetupView label {
    font-weight: bold;
}

/* Setup view status message formatting */
.initialSetupView .setupStatusMsg {
    color: blue;
}
.initialSetupView .setupStatusMsg.inError {
    color: red;
}

/* Formatting of Step 3 CloudFormation Deployment status messages */
.setupScIntegrateCfStatus, .setupAcMgmtCfStatus {
    color: gray;
    font-style: italic;
    font-weight: bold;
}
.setupScIntegrateCfStatus.cfDeployed, .setupAcMgmtCfStatus.cfDeployed {
    color: #28a745;     /* green */
}

/* Formatting of Step 4 Connect Integration view */
.initialSetupView .setupConnectCheck i {                       /* Big checkboxes*/
    font-size: 24px;
    vertical-align: sub;
}
.initialSetupView .setupComplete .setupConnectCheck i {        /* Big checkboxes - green when complete*/
    color: #28a745;     /* green */
}
.initialSetupView .setupConnectDesc {                           /* Action descriptions bigger text */
    font-size: 16px;
}
.initialSetupView .setupPending {                               /* Pending items greyed out */
    opacity: 50%;
}
.initialSetupView .setupConnectAllowBtn {
    vertical-align: text-bottom;
}
.initialSetupView .setupConfigStep.setupStatePending .setupInProgress,
.initialSetupView .setupConfigStep.setupStatePending .setupComplete {
    display: none;      /* if step pending, inprogress and complete blocks are hidden */
}
.initialSetupView .setupConfigStep.setupStateInProgress .setupPending,
.initialSetupView .setupConfigStep.setupStateInProgress .setupComplete {
    display: none;      /* if step inprogress, pending and complete blocks are hidden */
}
.initialSetupView .setupConfigStep.setupStateComplete .setupPending,
.initialSetupView .setupConfigStep.setupStateComplete .setupInProgress {
    display: none;      /* if step complete, pending and inprogress blocks are hidden */
}


/*** Formatting for the step-by-step progress bar at top of all setup views ***/
.stepFlowProgress .progress {
    height: 8px;                /* Thinner progress bar */
    border-radius: 50px;        /* Rounded ends */
    z-index: 1;                 /* Ensure progress bar is behind circles */
}
.stepFlowProgress .progress-bar {
    border-radius: 50px;
}
.stepFlowProgress .sfpSteps {
    position: absolute;         /* Position steps over the progress bar */
    top: -14px;
    left: 0;
    width: 100%;
    z-index: 2;                 /* Ensure step circles are "on top" of progress bar */
    list-style: none;
    display: flex;              /* Arrange items horizontally */
}
.stepFlowProgress .sfpStepItem {
    text-align: center;
    flex: 1;                    /* Make each item take equal width */
    position: relative;
    color: #6c757d;             /* Default text color */
}
.stepFlowProgress .sfpStepCircle {
    width: 35px;                /* Circle size */
    height: 35px;
    border-radius: 50%;
    background-color: #e9ecef;  /* Default circle background */
    color: #6c757d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 5px auto;    /* Center the circle and add bottom margin */
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
    font-weight: bold;
    font-size: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sfpStepItem.active .sfpStepCircle,         /* Active/Completed States */
.sfpStepItem.complete .sfpStepCircle {
    background-color: #28a745;  /* Green for active */
    border-color: #28a745;
    color: #fff;
    box-shadow: 0 0 0 5px rgba(10, 209, 93, 0.25); /* Subtle glow */
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== interactions/interactions-search.css ==============================*/

/*** Interaction Search Media Actions ***/

.interSearchMediaActions button, .interSearchMediaActions a, 
.interSearchEvalActions button {
    font-size: 10px;
    padding: 1px 2px;
    margin-right: 4px;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== companyhome/links.css ==============================*/

/*** Common Links View pages styling ***/

.linksViewBody {
    margin-top: 20px;
    font-size: 16px;
}
.linksViewBody .linkBlock {
    margin: 10px 10px;
}
.linkBlockLabel {
    width: 230px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}
.linkBlockUrl {
    font-size: 16px;
    display: inline-block;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== global/list-views.css ==============================*/

/*** Global Company List views ***/

#global_company_list_view .listViewTable,
#global_usage_latest_view .listViewTable,
#global_usage_history_view .listViewTable {
    position: relative;
}
#global_company_list_view .search-input,
#global_usage_latest_view .search-input,
#global_usage_history_view .search-input {
    width: 300px;
}
#globalcompany_list_display_count,
#globalusage_list_display_count {
    position: absolute;
    top: 18px;
    right: 140px;
    font-size: 16px;
    font-style: italic;
}    

/* Specific to usage latest view - point cursor to indicate clicking entries drills to history view */
#global_usage_latest_view tbody tr {
    cursor: pointer;
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== profiles/list-views.css ==============================*/

.listViewHeader {
    margin-bottom: 20px;
}

.listViewActionButtons {
    margin-bottom: 20px;
}
.listViewActionButtons button {
    margin-right: 20px;
}

.profileListCheckAll, .profileListCheckEntry {
    margin-left: 0;
}

/**** Specific to Company List view ****/

#company_list_show_disabled_option {
    position: absolute;
    right: 50px;
}
#company_new_env_errors {
    text-align: center;
    color: red;
}

#company_env_other_regions {
    margin-top: 15px;
}
#company_env_other_regions .companyForeignEnv {
    font-size: 15px;
    padding: .5rem 1.25rem;
}
#company_env_other_regions .companyForeignEnv div {
    display: inline-block
}
#company_env_other_regions .companyForeignEnv .foreignEnv {
    width: 250px;
}
#company_env_other_regions .companyForeignEnv .foreignEnv span {
    margin-left: 10px;
    font-weight: bold;
}

.bstListViewTable {
    position: relative;
}
.bstListViewTable .search-input {
    width: 300px;
}

#bst_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}

/**** Specific to User List and User Bulk Maintain List views ****/

/* Main users data table (Bootstrap table) view management, search, and pagination controls */
#user_list_view .listViewTable,
#user_bulkmaintain_list_view .listViewTable {
    position: relative;
}
#user_list_view .search-input, #user_list_view .search-input-secondary,
#user_bulkmaintain_list_view .search-input, #user_bulkmaintain_list_view .search-input-secondary {
    width: 220px;
}
#user_list_view .search-input-secondary,
#user_bulkmaintain_list_view .search-input-secondary {
    position: absolute;
    top: 10px;
    left: 245px;
}
/* Custom styling for the bootstrap-table pagination UI elements. */
#user_list_view .pagination-detail,
#user_bulkmaintain_list_view .pagination-detail {
    margin-top: 0px;
    margin-bottom: 2px !important;
}
#user_list_view .pagination-detail .page-list .btn,
#user_bulkmaintain_list_view .page-list .btn {    /* the rows-per-page selector */
    margin: 0 5px;
    padding: 0 10px;
}
#user_list_view .fixed-table-pagination a, 
#user_bulkmaintain_list_view .fixed-table-pagination a {  /* the rows-per-page selector, and pagination selector */
    color: #000;
    line-height: 0.7;
}
#user_list_view .fixed-table-toolbar > .btn-group,
#user_list_view .fixed-table-toolbar .search,
#user_bulkmaintain_list_view .fixed-table-toolbar > .btn-group,
#user_bulkmaintain_list_view .fixed-table-toolbar .search { /* the actions toolbar top-right (refresh, export, etc ) */
    margin-bottom: 2px;
}
#user_list_view .pagination, #user_bulkmaintain_list_view .pagination {
    margin: 2px 0;
}

/* user list screen table column header customizations*/
#user_list_view .userListInDirHdr div, 
#user_list_view .userListExistsCol div {
    white-space: normal !important;
    background-origin: padding-box;
    padding-right: 20px;
}    

/* user list screen row cell display customizations */
#user_list_view .userListExistsCol .userExists, #user_list_view .userListExistsCol .userNotExist {
    width: 13px;
    height: 13px;
    opacity: 0.8;
    margin: 0 auto;
    background-size: contain;    
    background-repeat: no-repeat;    
}
#user_list_view .userListExistsCol .userExists {
    background-image: url("../images/common/checkbox-checked.png");    
}
#user_list_view .userListExistsCol .userNotExist {
    background-image: url("../images/common/checkbox-unchecked.png");
}

#include_connect_agents {
    padding-left: 20px;
}

/**** Specific to User Bulk Maintain List view ****/

/* editable grid text input fields */
#user_bulkmaintain_list_view tr input[type="text"] {
    padding: 5px;
    height: 22px;
}
/* editable grid checkboxes */
#user_bulkmaintain_list_view tr input[type='checkbox'] {
    height: 16px;
    width: 16px;
    margin: auto;
}

/* editable grid rows that have been updated and/or are in-error */
#user_bulkmaintain_list_view tr.valuesChanged, 
#user_bulkmaintain_list_view tr.valuesChanged:hover {
    background-color: #B8E3ED;
}
#user_bulkmaintain_list_view tr.inError, 
#user_bulkmaintain_list_view tr.inError:hover {
    background-color: #EF4227;
    color: #FFF;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== skillqueues/list-views.css ==============================*/

/*** Skill Queue List view ***/

#queue_list_view .listViewTable {
    position: relative;
}
#queue_list_view .search-input {
    width: 300px;
}
#queue_list_view .queueListInDirHdr div {
    white-space: normal !important;
    white-space: normal !important;
    background-origin: padding-box;
    padding-right: 20px;
}    
#queue_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}    

/* Skill/Queue List - Amazon Connect queue highlighting */
#queue_list_view tr.queueListEntry[data-azqueue='true'] {
    background-color: #F8F8F8;       /*(very light grey )*/
}
#queue_list_view tr.queueListEntry[data-azqueue='true'][data-in-symbee='true'] {
    background-color: #EDFFFF;      /*(very light blue )*/
}

/* Skill/Queue List - Queue States */
#queue_list_view .listQueueState{
    font-weight: bold;
}
#queue_list_view .listQueueState[data-queue-state='open'] {
    color: green;
}
#queue_list_view .listQueueState[data-queue-state='closed'] {
    color: red;
}

/*** User Skill Assignments List view ***/

#user_skill_assign_list_view .listViewTable {
    position: relative;
}
#user_skill_assign_list_view .search-input {
    width: 300px;
}
#user_skill_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}    

/* User Assigned Skill Pills */
td.userSkillsCell, td.skillUsersCell {
    padding: 1px 2px 1px 10px !important;
}
.userSkillPill, .skillUserPill {
    display: inline-block;
    background-color: whitesmoke;
    padding: 0 4px;
    margin: 3px 3px 0 0;
    border: 1px solid silver;
}

/* Skill Assignment Action Dialog style specifics */
#add_skill_to_users_modal_count_text, #remove_skill_to_users_modal_count_text {
    font-size: 18px;
}
#add_skill_to_users_modal #add_skill_level,
#add_skill_to_users_modal #add_skill_delay {
    width: 90px;
}

/*** List By Skill view ***/

#skill_user_assign_list_view .listViewTable {
    position: relative;
}
#skill_user_assign_list_view .search-input {
    width: 300px;
}
#skills_list_display_count {
    position: absolute;
    top: 18px;
    right: 30px;
    font-size: 16px;
    font-style: italic;
}    
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== login.css ==============================*/

#login_maint_msg {
    margin: 100px auto 0;
    width: 420px;
}

#login_form {
    position: relative;
    min-width: 420px;
    margin-top: 10px;
    background-color: #FFFFFF;
}
#login_form .scPublicPagePanelBody {
    padding: 25px 30px 5px;    
}

#login_form label {
    font-size: 16px;
}
#signup_btn, #login_btn {
    width: 85px;
}
#signup_btn {
    margin-left: 15px;
}
.loginBtn {
    margin-right: 15px;
}

#login_language_selector {
    float: right; 
    clear: both; 
    position: relative; 
    top: 20px; 
    right: 50px;
}

/* The login page Powered By AWS logo */
#login_powered_by_block {
    position: absolute;
    bottom: 6px;
    left: 33px;
    height: 50px;
}
#login_powered_by_logo {
    width: 110px;
    height: 50px;
    background-image: url("../images/aws/powered-by-aws.png");
    background-repeat: no-repeat; 
    background-position: top;
    background-size: contain;    
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== loginassist/loginassist.css ==============================*/

#forgot_pw_frame, #forced_pw_change_frame, #mfa_collect_frame {
    margin-top: 100px;
    background-color: #FFFFFF;
    border-radius: 2px;
    font-size: 16px;
    width: 550px;
    padding: 25px 50px 20px;    
}

.pwMaintHelpText, .mfaCollectHelpText {
    padding: 15px 0;
}

.pwMaintStatusMsg, .mfaCollectStatusMsg {
    min-height: 24px;
    text-align: center;
}
.pwMaintStatusMsg.info, .mfaCollectStatusMsg.info {
    color: blue;
}
.pwMaintStatusMsg.error, .mfaCollectStatusMsg.error {
    color: red;
}

/* Formatting specific to the MFA Security Code collection view */
#mfacollect_token {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    letter-spacing: 5px;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== main-nav-bars.css ==============================*/

/*** Styling for the Top Horizontal Navigation Bar ***/

#master_nav_block {
    height: 45px;
    padding-top: 3px;
    padding-left: 15px;
    background-color: var(--brand-color-nav-bg);
    border-bottom: 1px solid var(--brand-color-nav-lines);
}

/* main nav bar labels */
.mainNavMenuLabel {
    padding: 7px;
    font-size: 17px;
    display: inline-block;
    color: var(--brand-color-nav-text-unselected);
}

/* the main nav buttons */
#master_nav_bar .btn-primary {
    margin-top: 5px;
    margin-right: 20px;
    background-color: var(--brand-color-nav-bg);
    border: unset;
    border-radius: 0;
    padding: 3px 15px;
    font-weight: bold;    
}
#master_nav_bar .btn-primary:hover,
#master_nav_bar .btn-primary:active,
#master_nav_bar .btn-primary:focus {
    box-shadow: 0 0 0 2px var(--brand-color-nav-glow);
}


/*** The Main Module/Function Menu ***/

#module_menu_container {
    position: relative;
}
#module_dropdown_menu_container {
    position: absolute;
    top: 40px;
    width: max-content;
    z-index: 5;
}
#module_dropdown_menu_container.narrow {
    width: 335px;
}
#module_dropdown_menu_btn {
    vertical-align: top;
}
#module_dropdown_menu {
    background-color: var(--brand-color-nav-bg-selected);
    color: var(--brand-color-nav-text-unselected);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 25px 15px 15px;  
    font-size: 16px;
    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 660px;
}
/* Fix for Firefox flex column wrap bug */
@-moz-document url-prefix() {
    #module_dropdown_menu {
        width: 633px;
    }
}

#module_dropdown_menu .moduleGroup {
    width: 300px;
    margin-bottom: 15px;    
}
#module_dropdown_menu .moduleGroupHeading {
    font-weight: bold;
    font-size: 16px;
}

#module_dropdown_menu .moduleSelector.selectorDisabled {
    color: silver;
    pointer-events: none;
}
#module_dropdown_menu .moduleSelector {
    padding-left: 10px;
    cursor: pointer;
}
#module_dropdown_menu .moduleSelector:hover {
    background-color: var(--brand-color-nav-bg-dropdown-selected);    
}

/* The other Main Nav bar dropdown menus */
#master_nav_bar .dropdown-menu {
    background-color: var(--brand-color-nav-bg-selected);
}
#master_nav_bar .dropdown-item {
    color: var(--brand-color-nav-text-unselected);
}
#master_nav_bar .dropdown-item:hover, #master_nav_bar .dropdown-item:active, #master_nav_bar .dropdown-item:focus {
    background-color: var(--brand-color-nav-bg-dropdown-selected);    
}
#master_nav_bar .dropdown-divider {
    border-top-color: var(--brand-color-nav-lines-alternate);
}

/*** Styling for the left-hand vertical "in module" navigation bar "***/

.scModuleNavBar {
    padding: 10px 0;
    background-color: var(--brand-color-nav-bg);
    font-size: 16px;    
}
.scModuleNavBar .nav-pills.flex-column {
    flex-wrap: unset;
}

/* set color of dividing lines in the nav bar */
.scModuleNavBar .dropdown-divider {
    border-top-color: var(--brand-color-nav-lines);
}

/* restyle vertical module nav buttons (links) )*/
.scModuleNavBar .nav-link {
    border-radius: 0;
    background-color: var(--brand-color-nav-bg);
    color: var(--brand-color-nav-text-unselected) !important;
}
.scModuleNavBar .nav-link.active {
    background-color: var(--brand-color-nav-bg-selected);
    font-weight: bold;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== evaluationmanagement/main.css ==============================*/

/*** Form List Publication Status styles/colors ***/
.form-status-column[data-status="PUBLISHED"] {
    font-weight: bold;
    color: red;
}   
.form-status-column[data-status="DRAFT"] {
    font-weight: bold;
    color: #4CBB17;     /* (green) */
}       
.form-status-column[data-status="INACTIVE"] {
    font-style: italic;
    color: #6c757d;     /* (gray) */
}        

/********  Form Editor styling  ********/

/* "add section" and "add question" lines */
#evalFormView .new-section-button hr, 
#evalFormView .section-footer hr {
    background-color: #007bff;
}
#evalFormView .add-section-button, 
#evalFormView .add-item-button {
    text-decoration: none;
    cursor: pointer;
}

/* Section panel styling */
.form-section {
    background-color: #E8E8E8;
    border-radius: 3px;
    border: solid 1px #E0E0E0;
}

/* Section Header - the name, and the Edit/Delete buttons */
#evalFormView .section-header {
    font-size: 16px;
    font-weight: bold;    
}
#evalFormView .section-header a {
    text-decoration: none;
    cursor: pointer;
    color: #404040;
}           

/* Question panel styling */
.form-item {
    background-color: #F8F8F8;
    border-radius: 3px;
    border: solid 1px #C8C8C8;
}
.form-item textarea {
    background-color: #FFF !important;
}

/* Question action buttons */
#evalFormView .question-action-buttons {
    font-size: 18px;
}
#evalFormView .question-action-buttons a {
    text-decoration: none;
    cursor: pointer;
}
#evalFormView .question-action-buttons .edit-item-button, 
#evalFormView .question-action-buttons .delete-item {
    color: #404040;
}
#evalFormView .question-action-buttons .draggable-grip {
    cursor: move;
} 


/********  Evaluation Search styling  ********/

/* Evaluation Search grid Actions buttons */
.evalSearchActions button, .evalSearchActions a {
    font-size: 10px;
    padding: 1px 2px;
    margin-right: 4px;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== interactions/media-viewer.css ==============================*/

/* Overall View */
body[data-symbee-view='media-viewer'] {
    background-color: #F8F8F8;
    padding: 0 10px;
    min-width: 440px;
    height: calc(100% - 20px);
}
#media_view {
    border: 1px solid silver; 
    background-color: #FFFFFF;
    margin: 10px 0;
    height: calc(100% - 5px);                
}
#media_view.callrecording {
    height: 350px;
}
#media_view.screenrecording, #media_view.chattranscript {
    min-height: 570px;
}

/* Private Loader adjustments */
body[data-symbee-view='media-viewer'] #private_loader {
    background-position-y: 150px;    
}

/* Viewer header */
.scmvHeader {
    background-color: var(--brand-header-popouts-bg);
    color: #FFF;                
}
#scmv_logo {
    width:32px;
    height: 32px;
    vertical-align: middle;
    background-image: url("../images/favicon.png");
    background-repeat: no-repeat;    
    background-size: contain;   

}

/* Media area */
.scmvMediaBlock {
    height: calc(100% - 140px);
}            

/* Specifics for audio/video recording playback mode */
#recording_waveform {
    height: 80px;
}
.scmvScreenRecording {
    position: relative;
    height: calc(100% - 60px); 
}
.scmvScreenRecording .scmvScreenRecordingNoAudio {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 12px;
    font-style: italic;
}
.scmvScreenRecording video {
    width: 100%;
    max-height: calc(100% - 150px);
}

/* Chat Transcript styling */
.scmvChatTranscript {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding-right: 5px;                
}            
.scmvChatTranscript .chatMsgBubble {
    max-width: 70%;
}
.scmvChatTranscript .chatMsgBubble .msgHeader {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}
.scmvChatTranscript .chatMsgBubble .memberName {
    margin: 0 10px;
}
.scmvChatTranscript .chatMsgBubble .msgTime, .scmvChatTranscript .chatMsgBubble .memberName {
    display: inline-block;
}            
.scmvChatTranscript .chatMsgBubble .msgBody {
    border: 1px solid silver;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 8px;                
    border-radius: 3px;
    background-color: #F8F8F8;
    overflow-wrap: anywhere;
}
.scmvChatTranscript .chatMsgBubble.outbound {   
    margin-left: auto;
    text-align: right;
}   /* Copyright (c) Symbee. All rights reserved. */
/* ============================== profiles/module.css ==============================*/

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== adminusers/mysettings.css ==============================*/

#my_user_roles {
    border: 1px solid #ced4da;
    background-color: #e9ecef;
    padding: 8px 5px 8px 12px;
}
#my_settings_status_msg {
    min-height: 24px;
    text-align: center;
}
#my_settings_status_msg.info {
    color: blue;
}
#my_settings_status_msg.error {
    color: red;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== portal.css ==============================*/

/* declare all our common variables (custom properties) */
:root {
    /* The color used for the primary buttons, button borders, and utility page and panel headers */
    --brand-color: #023D47;
    --brand-color-disabled: #565D62;
    /* Color specifically used for the active/hover button glow effect - usually a lighter shade of brand-color */
    --brand-color-glow: #036872;
    /* The color to use for all normal in-text html anchor links */
    --brand-color-anchor: #159F8D;    
        
    /* Color to use for the private logged-in page banner bleed-out if page is wider than the banner width */
    --brand-header-bg: #0C2B33;
    /* Color to use for the banner on popout windows (currently only the media player window) */
    --brand-header-popouts-bg: #036872;
    
    /* Colors used for top and left navigation bars. */
    --brand-color-nav-bg: #023D47;
    --brand-color-nav-bg-selected: #036872;
    --brand-color-nav-bg-dropdown-selected: #023D47;    
    --brand-color-nav-text-unselected: #FFF;
    --brand-color-nav-text-selected: #FFF;
    --brand-color-nav-glow: #036872;    
    --brand-color-nav-lines: #1E6872;            
    --brand-color-nav-lines-alternate: #023D47;
}

/***** Set our default font for the whole UI (Google Font - "Assistant") *****/

@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  src: local("Assistant"), local("Assistant-Regular"), url("../fonts/google-font-assistant-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
body {
    font-family: 'Assistant', sans-serif;
    font-size: 14px;
    min-width: 900px;
}

/* Set the minimum allowed width for the viewport */
#view_port {
    position: relative;
    min-height: 300px;
}

/***  Common Public Page styling (i.e. Login, Signup, etc) ***/

/* The full-window background image on public pages */
.scPublicPageViewPort {
    position: relative;
    height: 100vh;
    background-image: url("../images/public-pages-bg2.jpg");
    background-repeat: no-repeat; 
    background-position: top left;
    background-size: cover;    
}

#public_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-image: url("../images/common/loading.gif");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 230px;    
}

/* The top-left Logo on public pages */
.scPublicPageLogo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 400px;
    height: 75px;
    background-image: url("../images/sc-logo-saas-dark2.png");
    background-repeat: no-repeat; 
    background-position: top left;
    background-size: contain;
}
/* The secondary Logo on public pages */
.scPublicPageSecondaryLogo {
    display:none;
}

/* The header bar displayed on many of the public pages */
.scPublicPagePanelHdr {
    background-color: var(--brand-color);
    color: #FFF;
    text-align: center;    
    font-size: 22px;
    padding: 4px;
    font-weight: bold;    
}

/*** Style the Private Page (i.e. Portal after Login) Page Banner ***/

#private_loader {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 99;
    background-image: url("../images/common/loading.gif");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 230px;    
}

#header_block {
    position: relative;
    height: 60px;
    background-image: url("../images/header-background2.png");
    background-repeat: no-repeat; 
    background-position: top left;
    background-color: var(--brand-header-bg);
}
#header_block.scFramed {
    height: 0px;
}
#header_title {
    position: absolute;
    top: 8px;
    left: 300px;
    font-size: 26px;
    color: #FFF;
}


/* The header user controls block (region, user menu, and language selector) */
#header_controls {
    position: absolute;
    top: 10px;
    right: 25px;
}
.scFramed #header_controls {
    display: none;
}

/* the region name display */
#sc_region {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    font-size: 14px;
    color: #e9ecef;    
}
/* the logged-in-user menu */
#logged_in_user {
    display: inline-block;
    margin-right: 15px;
}
/* language selector */
#symbee_language_selector {
    display: inline-block;
}

/* The (logged in) main page Powered By AWS logo */
#header_powered_by_logo {
    position: absolute;
    z-index: 2;
    top: 64px;
    right: 10px;
    width: 110px;
    height: 40px;
    background-image: url("../images/aws/powered-by-aws-ondark.png");
    background-repeat: no-repeat; 
    background-position: center;
    background-size: contain;    
}
.scFramed #header_powered_by_logo {
    top: 10px;    
}

/* The Platform Maintenance Notification Message */
.scMaintNotifyMsg {
    padding: 5px 15px;
    background-color: #F08000;
    color: #FFF;
}

/** (See main-nav-bar.css file for the main Navigation bar styling) **/


/**************  Common Styling for all modules  **************/

/* Make sure anchors get styled (even if no href attribute is present) */
a:not(.btn),
a:not(.btn):not([href]):not([class]),
a:not(.btn):not([href]):not([class]):hover,
a:not(.btn):not([href]):not([class]):active,
a:not(.btn):not([href]):not([class]):visited {
    cursor: pointer;
    color: var(--brand-color-anchor);
}
a:not(.btn):not(.nav-link):hover,
a:not(.btn):not(.nav-link):not([href]):not([class]):hover {
    text-decoration: underline;
}

/* Styling the module nav and content areas */
.scModulePage {
    min-height: calc(100vh - 105px);
}
.scModuleContentArea {
    padding-top: 20px;
}

/* common Maintenance view module page header */
.maintViewHeader {
    margin-bottom: 20px;
}

/* Common Maintenance view module page action buttons */
.maintViewActionButtons button {
    margin-left: 20px;
    margin-bottom: 5px;
}

/* Common Field Label '?' Help icon */
.scHelpLabelIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: text-top;    
    background-image: url("../images/common/help-info-btn.png");
    background-repeat: no-repeat; 
    background-position: center;
    background-size: contain;    
    cursor: pointer;
}

/* Common horizontal animated progress bar */
.scProgressBar {
    width: 300px;
    height: 12px;
    margin: 15px auto;
    background-image: url("../images/common/progress-bar.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

/*** Customized Checkbox control ***/
/* (Customizes any html input checkbox type that has a following <label class="scCheckBox"> ) */  

/* hide the 'real/browser-default' checkbox */
input.scCheckBox {
    display: none;    
}
/* style the expected adjacent (immediately following) <label> */
input.scCheckBox + label {
    height: 20px;
    width: 20px; 
    margin: 5px 2px;
    background-image: url("../images/common/checkbox-unchecked.png");
    background-position: left center;
    background-size: auto 100%;
    background-size: contain;    
    background-repeat: no-repeat; 
    cursor: pointer;
}
input.scCheckBox:disabled + label {
    background-image: url("../images/common/checkbox-unchecked-disabled.png");
    opacity: 0.2;
}
input.scCheckBox:checked + label {
    background-image: url("../images/common/checkbox-checked.png");
}
input.scCheckBox:checked:disabled + label {
    background-image: url("../images/common/checkbox-checked.png");
    opacity: 0.6;
}


/**********  Bootstrap 4 overrides  **********/

/* Override 'Primary' button color (blue) with brand color */
.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}
.btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--brand-color-disabled);
    border-color: var(--brand-color-disabled);
}
.btn-primary:not(:disabled):not(.disabled):hover {
    background-color: var(--brand-color-glow);
    border-color: var(--brand-color-glow);
}
.btn-primary.focus, .btn-primary:focus {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    box-shadow: 0 0 0 2px var(--brand-color-glow); 
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2px var(--brand-color-glow); 
}

/* Change the color of all normal in-text HTML anchor links to the branded color. */
a:not(.btn), a:not(.btn):hover, a:not(.btn):active, a:not(.btn):visited  {
    color: var(--brand-color-anchor);
}

/* Remove rounded corners off all the widgets we use */
.btn, .form-control {
    border-radius: 0;
}
.select2.select2-container .select2-selection {
    border-radius: 0;
}

/* Fix styling (height) of input type="file" controls that are marked 'form-control-sm' */
input[type="file"].form-control-sm {
    height: calc(1.5em - -0.75rem - -4px);
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== preview/previewcampaigns-status.css ==============================*/

/* styling the Preview Campaign Status */
.pcCampaignState.pcStateCREATING,
.pcCampaignState.pcStateLOADING,
.pcCampaignState.pcStatePURGING,
.pcCampaignState.pcStateRECALCULATING {
    color: blue;
}
.pcCampaignState.pcStateACTIVE {
    color: #4CBB17;     /* (green) */
    font-weight: bold;
}
.pcCampaignState.pcStateSUSPENDING,
.pcCampaignState.pcStateSUSPENDED,
.pcCampaignState.pcStatePURGED {
    color: grey;
}
.pcCampaignState.pcStateFAILED {
    color: red;
}

/* properties for the preview refresh button */
.previewJobsRefreshBtn {
    position: absolute;
    top: -40px;
    right: 20px;
    height: 38px;
    width: 38px;
    background-image: url(../images/common/refresh-btn.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;    
    border: 1px solid #ced4da;
    border-radius: 5px;
    opacity: 0.7;    
}
#preview_job_refresh_status {
    position: absolute;
    top: -30px;
    right: 140px;
    font-style: italic;
}

/* preview campaign action menu icons */
.pcActionBtn {
    padding-left: 12px;
}
.pcActionBtn div {
    display: inline-block;
}
.pcActionBtn .paIcon {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    background-color: #6c757d;
    border-radius: 2px;
}
.pcActionBtn[disabled] .paIcon {
    opacity: 0.4;
}

.pcInfo_button .paIcon {
    background-image: url(../images/preview/preview-info-btn.png);
}
.pcBreakdown_button .paIcon {
    background-image: url(../images/preview/preview-breakdown-btn.png);
}
.pcViewLog_button .paIcon {
    background-image: url(../images/preview/preview-log-btn.png);
}
.pcImport_button .paIcon {
    background-image: url(../images/preview/preview-import-btn.png);
}
.pcExport_button .paIcon {
    background-image: url(../images/preview/preview-export-btn.png);
}
.pcSuspend_button .paIcon {
    background-image: url(../images/preview/preview-suspend-btn.png);
}
.pcResume_button .paIcon {
    background-image: url(../images/preview/preview-resume-btn.png);
}
.pcReCalc_button .paIcon {
    background-image: url(../images/preview/preview-recalculate-btn.png);
}
.pcCleanup_button .paIcon {
    background-image: url(../images/preview/preview-cleanup-btn.png);
}
.pcPurge_button .paIcon {
    background-image: url(../images/preview/preview-purge-btn.png);
}

/* Preview Info Dialog styling */ 
.previewInfoValue, .previewInfoQueue {
    padding-left: 10px;    
    font-weight: bold;
}
.previewInfoValue.inError {
    color: red;
}
.previewInfoStatLabel {
    display: inline-block;
    width: 170px;
    padding-left: 10px;    
    font-weight: bold;    
}
.previewInfoStatValue {
    display: inline-block;    
    width: 220px;
    font-weight: bold;
}

/* Preview Audit Log View styling */ 
#preview_log_container {
    height: 400px;
    width: 100%;
    overflow: scroll;
}

.previewLogEntry {
    white-space: nowrap;
}
.previewLogEntry:hover {
    background-color: #F8F8F8;  /* light gray */
}

.previewLogEntry div {
    display: inline-block;
} 
.previewLogEntry .pleTime {
    width: 125px;
}
.previewLogEntry .pleType {
    width: 55px;
}

.previewLogEntry.msgTypeWARN {
    color: #FF8C00;     /* orange */
}
.previewLogEntry.msgTypeERROR {
    color: #FF0000;     /* red */
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== realtime/realtime.css ==============================*/

/* Colors for the various Realtime Agent States */
:root {

    /* agent state colors, see symbee-connect UserUI.css for these declarations */ 
    --ws-color-notloggedin: #D1D3D4;      
    --ws-color-offline: #D1D3D4;          
    --ws-color-avail: #54B948;            
    --ws-color-occupied: #00AEEF;         
    --ws-color-wrap: #F58233;             
    --ws-color-unavail: #F3B92F;          
    --ws-color-donotdisturb: #ED1C24;     
}

.offline {
    background-color: var(--ws-color-offline);
    color: black;
}
.available {
    background-color: var(--ws-color-avail);
    color: white;
}
.occupied {
    background-color: var(--ws-color-occupied);
    color: white;
}
.inWrap {
    background-color: var(--ws-color-wrap);
    color: white;
}
.unavailable {
    background-color: var(--ws-color-unavail);
    color: white;
}

/* Stats Refresh Button */
.realtimeStatsTableWrapper {
    position: relative;
}
.realtimeStatsRefreshBtn {
    position: absolute;
    top: 13px;
    right: 20px;
    height: 38px;
    width: 38px;
    background-image: url(../images/common/refresh-btn.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;    
    border: 1px solid #ced4da;
    border-radius: 5px;
    opacity: 0.7;    
}
/* Stats Table Search box and display count */
.realtimeStatsTableWrapper .search-input {
    width: 300px;
}
.realtimeStatsDisplayCount {
    position: absolute;
    top: 18px;
    left: 400px;
    font-size: 16px;
    font-style: italic;
}

/*** Agent View Table Column Widths and Styling ***/

#realtime_agents .realtimeColAgentId {
}
#realtime_agents .realtimeColAgentState {
    font-size: 16px;
    padding: 0;
}
#realtime_agents .realtimeColTimeInState {
    width: 130px;
}
#realtime_agents .realtimeColActions {
    width: 130px;
    padding-top: 0;
    padding-bottom: 0;
}

/*** Realtime Agent View Active Task Pills ***/

#realtime_agents td.realtimeColActiveTasks {
    padding: 1px 2px 1px 10px !important;
}

.agentTaskPill {
    display: inline-block;
    background-color: lightgrey;
    padding: 2px 8px;
    margin: 2px 5px 2px 0;
    border-radius: 6px;
    border: 1px solid darkgray;    
}
.agentTaskPill.stateACTIVE {
    background-color: var(--ws-color-occupied);
    color: white;
    border: 1px solid var(--ws-color-occupied);    
}
.agentTaskPill.stateWRAP {
    background-color: var(--ws-color-wrap);
    color: white;
    border: 1px solid var(--ws-color-wrap);    
}

/* Agent Logoff Action */
#realtime_agents .realtimeAgentLogOff {
    padding: 0px 10px;
}

/*** Queues View Table Column Widths and Styling ***/

/* Border color for table headings lighter gray so we can see the column split */
#realtime_queues th {
    border-color: gray;
}
#realtime_queues th.realtimeColTasksSubGroup, #realtime_queues th.realtimeColTasks {
    background-color: #505050 !important;
}

#realtime_queues .realtimeColQueueTypeIcon {
    padding: 0;
}
.realtimeQueueType {
    width: 40px;
    height: 40px;
    background-size: contain;
    opacity: 0.8;
}
#realtime_queues .realtimeColQueueType {
    min-width: 90px;
}
#realtime_queues .realtimeColQueueName {
    min-width: 150px;
}
#realtime_queues .realtimeColQueueState {
    min-width: 110px;
}
.realtimeColQueueState.queueStateClosed {
    color: red;
}
.realtimeColQueueState.queueStateOpen {
    color: green;    
}

.realtimeQueueType.typeVOICE {
    background-image: url("../images/channel/phone-icon.png");    
}
.realtimeQueueType.typeAMAZON_ANY {
    background-image: url("../images/channel/amazonany-icon.png");    
}
.realtimeQueueType.typeWEBCHAT {
    background-image: url(../images/channel/webchat-icon.png);
}
.realtimeQueueType.typeSMS {
    background-image: url("../images/channel/sms-icon.png");    
}
.realtimeQueueType.typeSMS_PINPOINT {
    background-image: url("../images/channel/sms-icon.png");    
}
.realtimeQueueType.typeSMS_WEBHOOK {
    background-image: url("../images/channel/sms-icon.png");    
}
.realtimeQueueType.typeEMAIL {
    background-image: url("../images/channel/email-icon.png");    
}
.realtimeQueueType.typeROUTED_EMAIL {
    background-image: url("../images/channel/email-icon.png");    
}
.realtimeQueueType.typeINSTANT_MESSAGE {
    background-image: url("../images/channel/instmsg-icon.png");    
}
.realtimeQueueType.typeUC_CALL {
    background-image: url("../images/channel/uccall-icon.png");    
}
.realtimeQueueType.typePREVIEW_DIAL {
    background-image: url("../images/channel/preview-icon.png");    
}
.realtimeQueueType.typeGENERIC_TASK {
    background-image: url("../images/channel/gen-task-icon.png");    
}
.realtimeQueueType.typeSOCIAL_LINE {
    background-image: url(../images/channel/linemsg-icon.png);
}
.realtimeQueueType.typeSOCIAL_WHATSAPP {
    background-image: url(../images/channel/whatsapp-icon.png);
}
.realtimeQueueType.typeSOCIAL_FBMESSENGER {
    background-image: url(../images/channel/facebookmsg-icon.png);
}
.realtimeQueueType.typeSOCIAL_TWITTERDM {
    background-image: url(../images/channel/twitterdm-icon.png);
}
.realtimeQueueType.typeSOCIAL_OTHER {
    background-image: url(../images/channel/social-other-icon.png);
}

#realtime_queues td.realtimeColTasks {
    background-color: #F8F8F8;
}
#realtime_queues td.realtimeColTasks:hover {
    background-color: rgba(0,0,0,.075);
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== search-views.css ==============================*/

.searchViewHeader {
    margin-bottom: 20px;
}

/*** Search Criteria formatting and layout ***/

.searchViewCriteria label {
    font-size: 15px;
}
#search_filters {
    font-size: 15px;
}
#search_filters button, .searchViewCriteria .searchAddFilterBtn {
    font-size: 16px;
    line-height: 0.8;
}
.searchViewCriteria .searchGoBtn {
    font-size: 15px;
}

/*** Search Result table formatting and layout ***/

.searchViewTable {
    position: relative;
}
#search_results_display_count {
    position: absolute;
    top: 18px;
    right: 220px;
    font-size: 16px;
    font-style: italic;
}    
.searchView .search-input {
    width: 300px;
}

/* Copyright (c) Symbee. All rights reserved. */
/* ============================== signup/signup.css ==============================*/

/* Overrides for the default background to cater for long scrolling signup for */
#signup_view_port {
    height: 200vh;
    background-attachment: fixed;
}

#signup_frame {
    width: 650px;
    margin-top: 100px;
    padding: 25px 70px 20px;    
    background-color: #FFFFFF;
}

#signup_hdg {
}

/*** Sign up "Exists" and "Deny" page formatting ***/

#signup_page_deny_body, #signup_page_exists_body, #signup_page_subscribed_body {
    width: 500px;
    text-align: center;
}
#signup_deny_aws_logo, #signup_exists_aws_logo, #signup_subscribed_aws_logo {
    width: 300px;
    height: 120px;
    background-image: url("../images/aws/aws-marketplace-logo.jpg");
    background-repeat: no-repeat; 
    background-position: top center;
    background-size: contain;
    margin: 25px auto 0;
}
#signup_deny_message, #signup_exists_message, #signup_subscribed_message {
    font-size: 18px;
    margin-bottom: 30px;
}
#signup_exists_info, #signup_subscribed_info {
    font-size: 15px;
}
#signup_deny_message a, #signup_exists_message a {
    font-size: 14px;
}
#signup_deny_return_btn, #signup_exists_return_btn {
    
}

/*** Sign up Complete page formatting ***/
.signupCompleteInfo {
    font-size: 16px;
}

/*** Sign up Region Select page formatting ***/

#signup_regionselect_message {
    font-size: 15px;
    margin-bottom: 20px;
}
#signup_page_regionselect_body label {
    width: 520px;
    font-size: 16px;
    font-weight: bold;
}

#signup_page_regionselect_body + #signup_btns {
    margin: 20px 0 100px;
}
#signup_regionselect_btn {
    right: 0;
}

/*** Normal Sign up pages formatting ***/

#signup_page_form_body h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}
#signup_page_form_body label {
    width: 520px;
    font-size: 16px;
    font-weight: bold;
}

/* Size of the help text on sign-up pages */
#signup_page_form_body .form-text {
    font-size: 13px;
}

/* Signup form error display */
#signup_page_errors {
    text-align: center;
    width: 100%;
    color: red;
}

/* Submit message */
#signup_submit_msg {
    margin: 10px auto 0;
    font-size: 16px;
}

/* All the various sign-up form navigation buttons */
#signup_btns {
    position: relative;
    width: 650px;
    height: 50px;
}
.scSignupBtn {
    position: absolute;
}
#signup_return_btn {
    left: 250px;
}
#signup_cancel_btn {
    left: 0;
}
#signup_back_btn {
    right: 100px;
}
#signup_next_btn {
    right: 0;    
}
#signup_submit_btn {
    right: 0;    
}
#signup_continue_btn {
    right: 0;
}

/* Layout specific to Products and Pricing page */
#sc_pricing {
    margin-left: 20px;
}
#sc_pricing .col1 {
    min-width: 320px;
}
#sc_pricing .col2 {
    text-align: center;
}

/* Layout specific to the Environment selector (select2 plugin) - to look like other controls */
.signupCompanyEnvSelect2Wrapper .select2-selection--single {
    height: 38px;
    font-size: 1rem;
}
.signupCompanyEnvSelect2Wrapper .select2-selection__rendered {
    margin-top: 4px;
}
.signupCompanyEnvSelect2Wrapper .select2-selection__arrow {
    margin-top: 3px;
}

/* Layout specific to the Email Verify dialog view */
#verify_email_token {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    letter-spacing: 5px;
}
#verify_email_status_msg {
    min-height: 24px;
    text-align: center;
}
#verify_email_status_msg.info {
    color: blue;
}
#verify_email_status_msg.error {
    color: red;
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== generictasks/task-views.css ==============================*/

/*** Common Tasks view styling ***/

.tasksInfoView {
    font-size: 16px;
}

/*** Task Template Maintenance styling */

/* Template Maint Dialogs Error message */
.ttModalErrorMsg {
    min-height: 24px;
    text-align: center;
    color: red;
}



/* Copyright (c) Symbee. All rights reserved. */
/* ============================== utilitypages.css ==============================*/

/*** The Utility pages (error, unauthorized, etc) ***/

#error_panel {
    width: 500px;
    margin-top: 100px;
    background-color: #FFFFFF;
    padding: 20px 0;
}
.utilityPanelBody {
    text-align: center;
}
#errorpage_backlink {
    margin: 20px 0;
}

/* The Internal authenticated user "unauthorized" page */

#authenticated_error_panel {
    width: 400px;
}/* Copyright (c) Symbee. All rights reserved. */
/* ============================== profiles/webchat-examples.css ==============================*/

/* Format Example Code windows */
#chat_maint_view pre {
    margin: 15px;
    background-color: #F8F8F8;   /* (very light gray) */
}
/* Copyright (c) Symbee. All rights reserved. */
/* ============================== workcodes/workcode-views.css ==============================*/

/*** List Views ***/

#workcode_list_sortby {
    position: absolute;
    top: 10px;
    right: 25px;
}
/* Disabled workcodes - greyed out */
#workcode_maint_view tr.wcDisabled,
#workgroup_maint_view tr.wcDisabled {
    background-color: #F5F5F5;
    color: #808080;    
}
#workgroup_maint_view .assignedWorkCode.wcDisabled {
    color: #C0C0C0;
    font-style: italic;
}