/* WebChat Form icon */
/* .cx-webchat .cx-titlebar .cx-icon{ */
.cx-webchat .cx-titlebar {
  background-image: url('/genesys-cloud/images/chat_headerwide.png');
}

.cx-webchat .cx-titlebar .cx-icon svg{
  display: none;
}

.cx-callback-container .cx-titlebar, .cx-callback .cx-titlebar {
  background-image: url('/genesys-cloud/images/callback_headerwide.png');
}

.cx-callback-container .cx-titlebar .cx-icon svg, .cx-callback .cx-titlebar .cx-icon svg{
  display: none;
}

.cx-common-container .cx-titlebar {
    clear: both;
    border-width: 0 0 1px;
    border-style: solid;
    padding-top: 14px !important;
    padding-right: 20px !important;
    padding-bottom: 25px !important;
    padding-left: 20px !important;
    background-color: inherit;
}

/* SaskTel Web Dev Team CSS */
.cx-widget {
    font-family: Montserrat !important;
    font-size: 1em;
    transition: background 0.5s ease, background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
    -webkit-transition: background 0.5s ease, background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
    -moz-transition: background 0.5s ease, background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
    -o-transition: background 0.5s ease, background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
}

.cx-webchat {
    width: 500px !important;
}

.cx-widget.cx-theme-dark .cx-btn-primary {
  color: #5cb85c;
  background-color: #a94442;
  background: linear-gradient(180deg,#5081e1 0,#a94442);
}
.cx-widget.cx-common-container .cx-btn {
    text-transform: uppercase !important;
    border-radius: 5px !important;
    text-align: center !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    border: none !important;
    background: #d3178e !important;
    transition-property: background, color !important;
    transition-duration: 0.5s !important;
    transition: background 0.3s ease-out !important;
}
.cx-widget.cx-common-container .cx-btn:hover {
    background: #111 !important;
    color: #fff !important;
}
.cx-widget.cx-common-container .cx-btn.cx-btn-default {
    color: #d3178e !important;
    background-color: transparent !important;
    -webkit-transition-property: color !important;
    -webkit-transition-duration: 0.5s !important;
    transition-property: color !important;
    transition-duration: 0.5s !important;
}
.cx-widget.cx-common-container .cx-btn.cx-btn-default:hover {
    background-color: transparent !important;
    color: #111 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.cx-widget.cx-common-container input[type="checkbox"].cx-form-control {
    margin-top: 4px !important;
}

.cx-widget.cx-common-container .cx-svg-icon-tone1 {
    /*fill: #d3178e !important;*/
	fill: #000 !important;
}

.cx-common-container .cx-buttons-window-control {
    right: 12px !important;
}

.cx-widget.cx-common-container .cx-message:not(.cx-system) .cx-bubble-arrow svg * {
    fill: #444 !important;
}
.cx-widget.cx-common-container .cx-message:not(.cx-system) .cx-bubble {
    background-color: #444 !important;
}
.cx-widget.cx-common-container .cx-message:not(.cx-system) .cx-bubble * {
    color: #fff !important;
}
.cx-widget.cx-common-container .cx-quick-replies .cx-quick-reply {
    color: #d3178e !important;
    border: 1px solid #d3178e !important;
}
.cx-widget.cx-common-container .cx-calendar-container .cx-calendar-row span:hover {
    background-color: #d3178e !important;
}
.cx-widget.cx-common-container .cx-calendar-container .cx-calendar-day-container:hover {
    background-color: #d3178e !important;
}
.cx-widget.cx-common-container .cx-calendar-container .cx-calendar-day-container.cx-active {
    background-color: #d3178e !important;
}
.cx-widget.cx-common-container .cx-calendar-container .cx-active {
    background-color: #d3178e !important;
}
.cx-widget.cx-common-container .cx-footer .cx-powered-by {
    display: none !important;
}
.cx-widget.cx-common-container .cx-menu .cx-branding-icon {
    display: none !important;
}

.cx-widget table {
    border-spacing:0;
    border-collapse:collapse
 }
  
.cx-widget td,.cx-widget th {
    padding:0
}
  
.cx-widget th {
    text-align:left
}
  
.cx-widget table tr {
    background: #fff !important;
}
.sk-widget.sk-common-container .sk-btn {
    text-transform: uppercase !important;
    border-radius: 5px !important;
    text-align: center !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    border: none !important;
    background: #d3178e !important;
    transition-property: background, color !important;
    transition-duration: 0.5s !important;
    transition: background 0.3s ease-out !important;
}
.sk-widget.sk-common-container .sk-btn:hover {
    background: #111 !important;
    color: #fff !important;
}
.sk-widget.sk-common-container .sk-btn.sk-btn-default {
    color: #d3178e !important;
    background-color: transparent !important;
    -webkit-transition-property: color !important;
    -webkit-transition-duration: 0.5s !important;
    transition-property: color !important;
    transition-duration: 0.5s !important;
}
.sk-widget.sk-common-container .sk-btn.sk-btn-default:hover {
    background-color: transparent !important;
    color: #111 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.sk-widget.sk-common-container input[type="checkbox"].sk-form-control {
    margin-top: 4px !important;
}
.sk-widget.sk-common-container .sk-svg-icon-tone1 {
    fill: #d3178e !important;
}
.sk-widget.sk-common-container .sk-message:not(.sk-system) .sk-bubble-arrow svg * {
    fill: #444 !important;
}
.sk-widget.sk-common-container .sk-message:not(.sk-system) .sk-bubble {
    background-color: #444 !important;
}
.sk-widget.sk-common-container .sk-message:not(.sk-system) .sk-bubble * {
    color: #fff !important;
}
.sk-widget.sk-common-container .sk-quick-replies .sk-quick-reply {
    color: #d3178e !important;
    border: 1px solid #d3178e !important;
}
.sk-widget.sk-common-container .sk-calendar-container .sk-calendar-row span:hover {
    background-color: #d3178e !important;
}
.sk-widget.sk-common-container .sk-calendar-container .sk-calendar-day-container:hover {
    background-color: #d3178e !important;
}
.sk-widget.sk-common-container .sk-calendar-container .sk-calendar-day-container.sk-active {
    background-color: #d3178e !important;
}
.sk-widget.sk-common-container .sk-calendar-container .sk-active {
    background-color: #d3178e !important;
}
.sk-widget.sk-common-container .sk-footer .sk-powered-by {
    display: none !important;
}
.sk-widget.sk-common-container .sk-menu .sk-branding-icon {
    display: none !important;
}