﻿/**
* @name common-theme-light.less
* @desc less file for light theme styles
*/
/* Convert to CSS using an online tool */
/* Color Palette */
/* changed*/
/*#693065*/
.webchatButton {
  width: 150px;
  height: 60px;
  background: url("/Images/Webchat/Live-Assistance-Graphic.png") no-repeat center center;
  position: fixed;
  bottom: 0px;
  right: 55px;
  background-color: none;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
/*
	Light Theme Color Overrides
*/
.cx-widget.cx-theme-custom {
  color: #313E48;
  background-color: #FFFFFF;
  scrollbar-face-color: #CCCCCC;
  /*    .cx-btn-default:hover
        {
        background-color:red;
    }*/
  /* WCAG: non-text contrast for UI components - primary button focus state */
  /* loader icon */
}
.cx-widget.cx-theme-custom .cx-theme {
  background-color: #FFFFFF;
  color: #313E48;
  border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-custom .cx-overlay {
  background-color: #FFFFFF;
}
.cx-widget.cx-theme-custom .cx-svg-icon-tone1 {
  fill: #FFFFFF;
}
.cx-widget.cx-theme-custom .cx-svg-icon-tone2 {
  fill: #8C8C8C;
}
.cx-widget.cx-theme-custom .cx-svg-icon-shadow1 {
  fill: #000000;
  opacity: 0.2;
}
.cx-widget.cx-theme-custom .cx-svg-icon-shadow2 {
  fill: #000000;
  opacity: 0.1;
}
.cx-widget.cx-theme-custom * {
  border-color: #DAE1E8;
}
.cx-widget.cx-theme-custom .cx-titlebar {
  background-color: #693065;
}
.cx-widget.cx-theme-custom .cx-titlebar .cx-title {
  color: #FFFFFF;
}
.cx-widget.cx-theme-custom .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #FFFF;
}
.cx-widget.cx-theme-custom .cx-input-icon-overlay .cx-svg-icon-tone1 {
  fill: #98A7B8;
}
.cx-widget.cx-theme-custom .cx-input-group-btn .cx-svg-icon-tone1 {
  fill: #FDFDFD;
}
.cx-widget.cx-theme-custom label {
  color: #313E48;
}
.cx-widget.cx-theme-custom a {
  color: #000000;
}
.cx-widget.cx-theme-custom a:hover {
  color: #000000;
}
.cx-widget.cx-theme-custom .cx-icon-alert-circle {
  color: #F53131;
}
.cx-widget.cx-theme-custom .cx-footer,
.cx-widget.cx-theme-custom .cx-branding {
  color: #66759B;
}
.cx-widget.cx-theme-custom .cx-footer *,
.cx-widget.cx-theme-custom .cx-branding * {
  fill: #66759B;
}
.cx-widget.cx-theme-custom .cx-form-control.cx-error {
  border-color: #F53131;
}
.cx-widget.cx-theme-custom .cx-form-control::placeholder {
  color: #6F7491;
}
.cx-widget.cx-theme-custom .cx-form-control:-moz-placeholder {
  color: #6F7491;
}
.cx-widget.cx-theme-custom .cx-form-control::-moz-placeholder {
  color: #6F7491;
}
.cx-widget.cx-theme-custom .cx-form-control:-ms-input-placeholder {
  color: #6F7491;
}
.cx-widget.cx-theme-custom .cx-form-control::-webkit-input-placeholder {
  color: #6F7491;
}
.cx-widget.cx-theme-custom input:focus,
.cx-widget.cx-theme-custom textarea:focus,
.cx-widget.cx-theme-custom .cx-btn:focus,
.cx-widget.cx-theme-custom .cx-button-group button:focus,
.cx-widget.cx-theme-custom .cx-form-control:not(.cx-error):focus {
  border-color: #5791FD !important;
}
.cx-widget.cx-theme-custom input[type="text"],
.cx-widget.cx-theme-custom input[type="email"],
.cx-widget.cx-theme-custom input[type="tel"],
.cx-widget.cx-theme-custom select,
.cx-widget.cx-theme-custom textarea {
  background-color: #F1EBF4;
  color: #313E48;
  border-color: #B181B9;
}
.cx-widget.cx-theme-custom .cx-btn-default {
  background: none;
  border-color: #DAE1E8 !important;
  color: #FFFFFF;
  background-color: #693065;
}
.cx-widget.cx-theme-custom .cx-btn.cx-disabled {
  background: #CCCCCC;
}
.cx-widget.cx-theme-custom .cx-btn-primary {
  color: #FFFFFF;
  border-color: #B181B9 !important;
  background: #E22331;
  /* Old browsers */
  background: -moz-linear-gradient(top, #E22331 0%, #E22331 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #E22331 0%, #E22331 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #E22331 0%, #E22331 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@bg_color_4', endColorstr='@bg_color_5', GradientType=0);
  /* IE6-9 */
  background-color: #E22331;
  /* Old browsers */
}
.cx-widget.cx-theme-custom .cx-button-group .cx-btn-primary:focus,
.cx-widget.cx-theme-custom .cx-btn-primary:focus,
.cx-widget.cx-theme-custom .cx-button-group .cx-btn-default:focus,
.cx-widget.cx-theme-custom .cx-btn-default:focus {
  border-color: #000 !important;
}
.cx-widget.cx-theme-custom .cx-ac-dropdown-menu {
  background: #FFFFFF;
  border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-custom .cx-ac-suggestion:hover,
.cx-widget.cx-theme-custom .cx-ac-suggestion.cx-active {
  background-color: #5791FD;
  color: #FFFFFF;
}
.cx-widget.cx-theme-custom ::-webkit-scrollbar-thumb {
  background: #939399;
  /* WCAG: Non-text contrast */
}
.cx-widget.cx-theme-custom .cx-smokescreen {
  background-color: #FFFFFF;
  opacity: 0.7;
}
.cx-widget.cx-theme-custom .cx-dialog-container .cx-dialog {
  background-color: #FFFFFF;
  border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-custom .cx-theme-background {
  background-color: #FFFFFF;
}
.cx-widget.cx-theme-custom .cx-theme-border {
  border: 1px solid #DAE1E8 !important;
}
.cx-widget.cx-theme-custom .cx-theme-text {
  color: #313E48;
}
.cx-widget.cx-theme-custom .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
  fill: #5081E1;
}
.cx-widget.cx-theme-custom .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
  fill: #34A84F;
}
.cx-widget.cx-theme-custom .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
  fill: #F53131;
}
.cx-widget.cx-theme-custom .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
  fill: #D47F2F;
}
.cx-widget.cx-theme-custom .cx-warning {
  color: #F53131 !important;
}
.cx-widget.cx-theme-custom .cx-warning .cx-icon svg * {
  fill: #F53131 !important;
}
.cx-widget.cx-theme-custom .cx-countdown {
  color: #313E48;
}
.cx-widget.cx-theme-custom .cx-countdown .cx-icon svg * {
  fill: #313E48;
}
.cx-widget.cx-theme-custom .cx-loading-screen .cx-loading-icon svg g g,
.cx-widget.cx-theme-custom .cx-loading-container .cx-loading-icon svg g g {
  stroke: #2B74FF;
}
.cx-widget.cx-theme-custom .cx-loading-screen .cx-loading-icon svg g:first-child g,
.cx-widget.cx-theme-custom .cx-loading-container .cx-loading-icon svg g:first-child g {
  stroke: #72799D;
}