@import url("../styles/Lato.css");

#glance_cobrowse_btn_al::before {
    content: "Co-browse session controller";
}

#glance_expand_al::before {
    content: "Co-browse";
}

#glance_cobrowse_btn.not_in_session #glance_start_label {
    display: none;
}

@-webkit-keyframes blink {
    0% {
        background-image: none;
    }

    50% {
        background-image: url("https://storage.glancecdn.net/cobrowse/images/1000/icon2.png");
    }

    100% {
        background-image: none;
    }
}

@keyframes blink {
    0% {
        background-image: none;
        opacity: 0.7;
    }

    50% {
        background-image: url("https://storage.glancecdn.net/cobrowse/images/1000/icon2.png");
        opacity: 1;
    }

    100% {
        background-image: none;
        opacity: 0.7;
    }
}

.glance_ui_36 #glance_ssnkey_box::after {
    content: "powered by glance";
}

.glance_ui_36.not_in_session #glance_show_btn::before {
    content: "show";
}

.glance_ui_36 #glance_stop_btn::before {
    content: "stop showing";
}

.glance_ui_36 #glance_keyless_prompt::before {
    content: "Please wait for the agent to connect.";
}

.glance_ui_36 #glance_key_prompt::before {
    content: "Please give the agent this code:";
}

.glance_ui_36 #glance_ssn_starting::before {
    content: "Session starting...";
}

.glance_ui_36 #glance_ssn_info::before {
    content: "The agent is viewing";
}

.glance_ui_36 #glance_ssn_info::after {
    content: "your browser.";
}

.glance_ui_36 #glance_yes::before {
    content: "Yes";
}

.glance_ui_36 #glance_no::before {
    content: "No";
}

.glance_ui_36 .glance_confirm_rc::before {
    content: "Allow the agent to take control?";
}

.glance_ui_36 .glance_confirm_xd::before {
    content: "Allow the agent to follow as you browse to associated websites?";
}

.glance_ui_36 .glance_confirm_show::before {
    content: "Allow the agent to view your screen?";
}

.glance_ui_36 #glance_terms_title::before {
    content: "Show your browser?";
}

.glance_ui_36 #glance_terms .data::before {
    content: "";
}

.glance_ui_36 #glance_accept::before {
    content: "Accept";
}

.glance_ui_36 #glance_decline::before {
    content: "Decline";
}

.glance_ui_36 #glance_msg_ok::before {
    content: "OK";
}

.glance_ui_36 #glance_terms_text::before {
    content: "Please read and accept the terms and conditions before continuing.";
}

.glance_ui_36 #glance_terms_link::before {
    content: "View Terms";
}

.glance_ui_36 .glance_ui .secondary_btn {
    background-color: rgb(112, 128, 144);
}

.glance_ui_36 .glance_ui .secondary_btn:hover {
    background-color: rgb(73, 84, 95);
}

.glance_ui_36 .glance_ui .secondary_btn[disabled],
.glance_ui_36 .glance_ui .secondary_btn[disabled]:hover {
    background-color: rgba(112, 128, 144, 0.5);
}

#glance_cobrowse_btn :focus-visible {
    box-shadow: rgb(171, 171, 171) 0px 0px 2px 3px;
}

#glance_cobrowse_btn #glance_expand:focus-visible {
    box-shadow: rgb(179, 179, 179) 0px 0px 2px 3px;
}

#glance_terms_link {
    color: rgb(13, 71, 93);
    text-decoration: underline;
}

#glance_ssnkey_box #glance_ssn_key {
    background-color: rgb(13, 71, 93);
    color: rgb(255, 255, 255);
}

#glance_gesture {
    border-color: rgb(249, 105, 0);
}

#glance_gesture #glance_gesture_label {
    background-color: hsl(25, 100%, 49%);
}

#glance_gesture[data-agentnum="2"],
#glance_gesture[data-agentnum="6"] {
    border-color: #007bff !important;
}

#glance_gesture[data-agentnum="2"] #glance_gesture_label,
#glance_gesture[data-agentnum="6"] #glance_gesture_label {
    background-color: #007bff !important;
}

#glance_gesture[data-agentnum="3"],
#glance_gesture[data-agentnum="7"] {
    border-color: rgb(0, 142, 250);
}

#glance_gesture[data-agentnum="3"] #glance_gesture_label,
#glance_gesture[data-agentnum="7"] #glance_gesture_label {
    background-color: rgb(0, 142, 250);
}

#glance_gesture[data-agentnum="4"],
#glance_gesture[data-agentnum="8"] {
    border-color: rgb(166, 86, 245);
}

#glance_gesture[data-agentnum="4"] #glance_gesture_label,
#glance_gesture[data-agentnum="8"] #glance_gesture_label {
    background-color: rgb(166, 86, 245);
}

#glance_agent_cursor2 {
    background-image: url("../images/agentcursor2.png");
}

#glance_agent_cursor {
    background-image: url("../images/agentcursor2.png");
    background-size: contain;
}

#glance_border.joined {
    border-color: rgb(241, 208, 15);
    border-style: solid;
    border-width: 3px;
}

#glance_border.glance_rcenabled {
    border-color: rgb(205, 8, 8);
}

#glance_border.glance_rcenabled.ie9 {
    background-color: rgb(205, 8, 8);
}

.glance_ui_36 .glance_ui_titlebar #glance_expand {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../images/expand2.png");
    border-radius: 4px;
    margin-right: 2px;
    height: 23px;
}

.glance_ui_36 .glance_ui_titlebar #glance_expand:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

#glance_start_label #glance_show_btn:hover,
#glance_start_label #glance_stop_btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

#glance_show_btn,
#glance_stop_btn {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.3);
}

.glance_ui_36 .glance_ui button {
    font-family: Lato, sans-serif;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background: rgb(13, 71, 93);
}

.glance_ui_36 .glance_ui button:hover {
    color: rgb(255, 255, 255);
    background: rgb(7, 49, 89);
}

.glance_ui_36 .glance_ui button[disabled],
.glance_ui_36 .glance_ui button[disabled]:hover {
    background-color: rgba(13, 71, 93, 0.5);
}

.glance_ui_36 .glance_ui a {
    font-family: Lato, sans-serif;
    color: rgb(13, 71, 93);
}

.glance_ui_36 .glance_ui a:hover {
    color: rgb(7, 49, 89);
    border-bottom-color: rgb(7, 49, 89);
}

.glance_ui_36 .glance_ui {
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: rgb(3, 3, 3);
    background-color: rgb(249, 249, 249);
    border-color: rgb(207, 207, 207);
}

#glance_start_label {
    background-image: url("https://storage.glancecdn.net/cobrowse/images/1000/icon2.png");
}

.glance_ui_36 .glance_ui_titlebar {
    background-color: rgb(13, 71, 93);
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.glance_accessible .glance_spinner>div {
    background-color: #007bff !important;
}

.glance_accessible #glance_ssnkey_box.keyed #glance_ssn_key {
    background-color: #007bff !important;
    color: rgb(255, 255, 255);
}

.glance_accessible#glance_cobrowse_btn :focus-visible,
.glance_accessible #glance_confirm :focus-visible {
    box-shadow: rgb(171, 171, 171) 0px 0px 2px 3px;
}

.glance_accessible .glance_ui {
    font-family: Roboto, sans-serif;
    color: rgb(29, 29, 29);
    background-color: rgb(255, 255, 255);
}

.glance_accessible button,
.glance_accessible button:hover {
    color: rgb(255, 255, 255);
}

.glance_accessible button:not(.secondary_btn) {
    background-color: #0069d9 !important;
}

.glance_accessible button:not(.secondary_btn):hover {
    background-color: #0069d9 !important;
}

.glance_accessible button:not(.secondary_btn)[disabled] {
    background-color: #0069d9 !important;
}

.glance_accessible button:not(.secondary_btn)[disabled]:hover {
    background: #0069d9 !important;
}

.glance_accessible button.secondary_btn {
    background-color: rgb(105, 105, 105);
}

.glance_accessible button.secondary_btn:hover {
    background-color: rgb(80, 80, 80);
}

.glance_accessible .secondary_btn[disabled],
.glance_accessible .secondary_btn[disabled]:hover {
    background-color: rgba(105, 105, 105, 0.5);
}

.glance_accessible a {
    color: #007bff !important;
}

.glance_accessible a:hover {
    color: #0069d9 !important;
}

.glance_accessible .glance_vvc_preview video {
    background-color: rgb(255, 255, 255);
}

.glance_accessible .glance_vvc_preview {
    color: rgb(255, 255, 255);
}

.glance_accessible #glance_session_widget {
    font-family: Roboto, sans-serif;
    color: rgb(29, 29, 29);
}

.glance_accessible #glance_close_filepicker {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/btn_close-x.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px;
}

.glance_accessible #glance_closedownloadingmodal {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/btn_close-x.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}

.glance_accessible #glance_titlebar {
    background-color: #0069d9 !important;
    color: rgb(255, 255, 255);
    font-family: Roboto, sans-serif;
}

.glance_accessible #glance_titlebar:not(.glance-logo-as-child) {
    background-image: url("https://storage.glancecdn.net/cobrowse/images/1000/icon2.png");
}

.glance_accessible #glance_corp_logo {
    background-image: url("https://storage.glancecdn.net/cobrowse/images/1000/icon2.png");
}

.glance_accessible #glance_widget_controls {
    background-color: rgb(255, 255, 255);
}