:root {
  --white-text: #fff;
  --headerbg: #fff;
  --sidebarbg: #050F34;
  --navicon:#515e9c;
  --button:#0F78F2;
  --bodybg:#f5f7fa;
  --lightblack:#2A3357;
  --darkblack:#6E7282;
}

body {
  font-family: 'Inter-Regular';
  background-color: var(--bodybg);
  font-weight: normal;
  line-height: normal;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

*,
::after,
::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

a {
  transition: 0.5s;
}

a:hover {
  text-decoration: none;
}

p {
  font-family: 'Inter-SemiBold';
  font-size: 13px;
  color: #6E7282;
}

.form-group select>option {
  font-family: "arial";
  font-size: 12px;
}

.copypopup .alert {
  font-size: 14px;
}

.bg-transparent {
  box-shadow: none !important;
  background: transparent !important;
}
.form-group {
  position: relative;
}
.popupcontent .form-group { margin-bottom: 10px; }
.form-group span.info { display: none; }
.forcetimeclock-content.stoptime-info .form-group:nth-child(3):hover .info { right:-15px; top: 9px; }
.form-group:hover span.info {
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
}
input:focus-visible { outline: 1px solid #0F78F2; }
.form-group.radiobox-column:hover span.info {
  position: absolute;
  top: 9px;
  display: block;
  right: 50px;
}

.form-group.sidepopup-info.radiobox-column:hover span.info {
  position: absolute;
  top: 18px;
  display: block;
  right: 50px;
}
.form-group.sidepopup-info-select:hover span.info {
  position: absolute;
  top: 3px;
  display: block;
  right: 75px;
}
.form-group.sidepopup-info.checkbox-inner:hover span.info {
  position: absolute;
  top: 18px;
  display: block;
  right: 0px;
}
.form-group.audiochoose:hover span.info {
  position: absolute;
  top: -7px;
  right: 0;
  display: block;
}
.form-control:focus {
  background-color: #FBFDFF;
  border-color: var(--button);
  outline: 0;
  box-shadow: 0 0 0 .2rem #DFFFFF;
}

.form-control::placeholder {
  color: #999;
  opacity: 1;
}

.form-control {
  border: 1px solid #8391C6;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 13px;
  line-height: 19px;
  color: #050F34 !important;
  font-family: 'Inter-Regular';
  font-weight: normal;
  height: 37px;
  padding-left: 10px;
  padding-right: 10px;
}

select.form-control.selectarrow {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  position: relative;
  appearance: none;
  background: url(../images/downarrow-blue.png) 96% no-repeat #fff;
}

select.form-control.selectarrow1 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  position: relative;
  appearance: none;
  background: url(../images/downarrow-grey.svg) 96% no-repeat #fff;
}

.form-control option {
  width: 100% !important;
}

.error .form-control,
.error label {
  border-color: #E83535 !important;
  color: #E83535 !important;
}

.error p.errrtext {
  color: #E83535 !important;
  margin: 0;
  font-size: 11px;
  font-family: 'Inter-Regular';
  position: absolute;
  bottom: -15px;
}

.has-error .form-control,
.has-error label {
  border-color: #E83535 !important;
  color: #E83535 !important;
}
.has-error .image-upload-wrap { border-color:#E83535 !important;}
.has-error .drag-text h3 { color:#E83535 !important;}
.has-error span.error-help-block {
  color: #E83535 !important;
  margin: 0;
  font-size: 11px;
  font-family: 'Inter-Regular' !important;
  position: relative;
}

.textareafield {
  border: 1px solid #8391C6;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-weight: normal;
  height: 130px !important;
  resize: none;
}

.defaulttextarea {
  resize: none;
}

.popupcontent .calendar {
  position: absolute;
  top: 36px;
  right: 10px;
  display: flex;
}

.labelicon {
  position: absolute;
  top: 33px;
  right: 10px;
}

.form-group.audiochoose a {
  background: transparent;
  height: 35px;
  display: flex;
  width: 35px;
  border-radius: 0 5px 5px 0;
  align-items: center;
  justify-content: center;
  color: var(--button);
}

.form-group.audiochoose .form-control {
  padding-right: 35px;
}

p.labeltext {
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-Medium';
}

p.labeltext2 {
  font-size: 14px;
  color: #6E7282;
  font-family: 'Inter-Regular';
}

a.alllink {
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-Medium';
  display: flex;
  align-items: center;
}

a.alllink:hover {
  color: var(--button);
}

a.alllink2 {
  font-size: 14px;
  color: var(--button) !important;
  font-family: 'Inter-Semibold';
  display: flex;
  align-items: center;
}

a.alllink2:hover {
  color: #050F34 !important;
}

a.alllink2 span {
  margin-right: 5px;
}

a.alllink2 path {
  stroke: var(--button);
}

a.alllink3 {
  padding: 9px;
  font-size: 14px !important;
  color: var(--button) !important;
  font-family: 'Inter-Semibold';
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  line-height: normal !important;
}

a.alllink3:hover {
  border: 1px solid var(--button);
}

a.alllink3 span {
  margin-right: 5px;
}

a.alllink3 p {
  margin: 0;
  font-size: 14px;
  color: var(--button) !important;
  font-family: 'Inter-Semibold';
}

.bluelink {
  border: 1px solid transparent;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px;
  color: var(--button);
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  transition: 0.5s;
}

.bluelink p {
  margin: 0;
  font-size: 14px;
  color: var(--button) !important;
  font-family: 'Inter-Semibold';
}

.bluelink span {
  margin-right: 5px;
}

.bluelink:hover {
  color: var(--button);
  border: 1px solid var(--button);
}


.table-hdr {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}

.popup-dropdown .dropdown-toggle {
  padding: 3px 15px 0 0;
  display: inline-block;
}

.popup-dropdown .dropdown-toggle::after {
  display: none;
}

.popup-dropdown .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.popup-dropdown .dropdown-menu ul li {
  padding: 5px 10px;
}

.popup-dropdown .dropdown-menu ul li a {
  color: #050F34;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.popup-dropdown .dropdown-menu.show {
  display: block;
  transform: inherit !important;
  left: inherit !important;
  top: 60px !important;
  right: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0 !important;
}

.buttons_row {
  display: flex;
}

.default_btn1 {
  background: transparent;
  color: #2A3357;
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  border-radius: 5px;
  margin-right: 10px;
  transition: 0.5s;
}

.default_btn1:hover {
  border: 1px solid var(--button);
  background: var(--button);
  color: #fff;
}

.default_btn2 {
  border: 1px solid var(--button);
  background: var(--button);
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding:9px;
  color: #fff;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  transition: 0.5s;
}

.default_btn2:hover {
  background: #666;
  color: #fff;
  border-color: #666;
}

.default_btn3 {
  border: 1px solid var(--button);
  background: transparent;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px;
  color: var(--button);
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  transition: 0.5s;
}

.default_btn3:hover {
  background: var(--button);
  color: #fff;
}

.contentbox .content .cardbox {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px #E5EAF2;
  border-radius: 8px;
}

.contentbox .content .cardbox p {
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 16px;
  word-break: break-all;
}

.contentbox .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

label {
  font-family: 'Inter-Medium';
  font-size: 14px;
  color: #6E7282;
}

.wrapper {
  display: flex;
  align-items: stretch;
}

.mobile-logo {
  display: none;
}

/*All modal Popup*/
.modalbox h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.modalbox .modal-header {
  border-color: #EFEFEF;
}

.modalbox .modal-content {
  border-radius: 0;
  border: 0;
}

/*login form css*/
.login-left-column {
  background-color: #FBFDFF;
  height: 100vh;
  display: flex;
  flex-flow: column;
  border-right: 1px solid #e0e2e9;
  max-width: 445px;
  width: 100%;
  position: fixed;
}

.login-left-column .login-logo {
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login-footer-content {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.login-right-column {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 445px);
  margin-left: 445px;
  padding-top: 0;
  height: 100vh;
  background: #fff;
}

.login-right-column .form-content {
  max-width: 415px;
  width: 100%;
}

.login-right-column .form-content h2 {
  color: #050F34;
  font-style: normal;
  font-family: 'Inter-Medium';
  font-size: 19px;
  line-height: 30px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.login-right-column .form-content label {
  font-size: 14px;
  color: #6E7282;
  margin: 0 0 5px 0;
}

.login-right-column .form-content .form-group {
  margin-bottom: 10px;
}

.login-right-column .form-content .form-control {
  padding: 0 12px;
  height: 40px;
  border: 1px solid #A0A8C8;
  font-size: 13px;
  font-family: 'Inter-Regular';
}

.login-right-column .form-content .form-control::placeholder {
  color: #ccc;
}

.login_btn {
  width: 100%;
  background: var(--button);
  display: grid;
  height: 40px;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid var(--button);
  z-index: 1;
  position: relative;
  transition: all 0.5s ease;
  font-family: 'Inter-SemiBold';
}

.login_btn:hover {
  background: transparent;
  color: var(--button);
  transform: translateY(-6px);
}

/* .login_btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background-color: #FBFDFF;
  background-image: linear-gradient(315deg, #FBFDFF 0%, #FBFDFF 74%);
  transition: all 0.3s ease; */
}

.login_btn:hover {
  color: var(--button);
}

/* .login_btn:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
} */

/*login form css end*/

/*sidebar*/
.admin-header .navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

.admin-header {
  padding: 0px;
  background: var(--headerbg);
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e0e2e9;
  border-left: 1px solid #e0e2e9;
  position: sticky;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  top: 0;
}

.admin-header .page-title {
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.admin-header .page-title h1 {
  font-size: 20px;
  font-family: 'Inter-Bold';
  color: #050F34;
}

.admin-header .dashboardtype {
  padding: 0 20px;
  position: relative;
}

.admin-header .dashboardtype a {
  display: flex;
  align-items: center;
}

.admin-header .dashboardtype p {
  font-size: 20px;
  font-family: 'Inter-Bold';
  color: #050F34;
}

.admin-header .dashboardtype a>span>img {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}

.admin-header .dashboardtype.show a>span>img {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}

.admin-header .dashboardtype .dropdown-menu {
  display: none;
}

.admin-header .dashboardtype.show .dropdown-menu {
  transition: all 0.5s ease;
  display: flex;
  z-index: 99;
  background: #fff;
  top: 0px !important;
  right: 15px !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  width: 200px;
  transform: translate3d(0px, 40px, 0px) !important;
  left: inherit !important;
}

.admin-header .dashboardtype.show .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.admin-header .dashboardtype.show .dropdown-menu ul li {
  line-height: 24px;
}

.admin-header .dashboardtype.show .dropdown-menu ul li a {
  font-size: 13px;
  font-family: 'Inter-SemiBold';
  color: #050F34;
}

.admin-header .dashboardtype.show .dropdown-menu ul li a:hover {
  color: #5763CE;
}

.admin-header .dashboardtype .dropdown-toggle::after {
  display: none;
}

.admin-header .line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}
/* added css for active info */
.admin-header .radiobox-column .info {
  margin-left: 5px;
}
/* added css for active info End*/
.topmenu_icon {
  display: none;
}

.topmenu_icon .bar1,
.topmenu_icon .bar2,
.topmenu_icon .bar3 {
  width: 22px;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.4s;
  border-radius: 25px;
}

.topmenu_icon.active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-2px, 6px);
  transform: rotate(-45deg) translate(-2px, 6px);
}

.topmenu_icon.active .bar2 {
  opacity: 0;
}

.topmenu_icon.active .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -8px);
  transform: rotate(45deg) translate(-4px, -8px);
}

.admin-header .search-area {
  border: 1px solid #A0A8C8;
  max-width: 400px;
  width: 100%;
  border-radius: 5px;
  height: 35px;
  display: flex;
  padding: 0 10px;
  position: relative;
}

.admin-header .search-box {
  display: flex;
  width: 100%;
  padding: 0 0 0 10px;
}

.admin-header .search-area .searchicon {
  position: absolute;
  top: 0;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin-header .search-area.remote_agents_search .searchicon {
  position: absolute;
  top: 11px;
}
.admin-header .search-area>input.form-control {
  padding-left: 20px;
}

.admin-header .search-area>select.form-control {
  font-size: 12px;
  font-family: 'Inter-Medium';
  width: 70px !important;
  margin-left: auto;
}

.admin-header .search-area .form-control {
  border: 0;
  height: auto;
  box-shadow: none;
  color: #2A3357;
  font-size: 13px;
}

.admin-header .search-area .form-control::placeholder {
  color: #8C9096;
}

.admin-header .search-area .searchicon.closesearch {
  display: none;
}

.admin-header .hder-right {
  display: flex;
  align-items: center;
}

.admin-header .hder-right .addemail-button {
  margin-right: 15px;
}

.admin-header .hder-right .addemail-button a {
  padding: 9px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: var(--button);
  border-radius: 5px;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  color: #fff;
}

.admin-header .hder-right .addemail-button a:hover {
  background: #666;
  color: #fff;
  border-color: #666;
}

.admin-header .hder-right .addemail-button span {
  margin-right: 6px;
  position: relative;
  top: 1px;
}

.admin-header .hder-left {
  display: flex;
  flex: auto;
  align-items: center;
}

.admin-header .page-title .backarrow {
  margin-right: 10px;
}

.admin-header .page-title .backarrow img {
  transform: rotate(90deg);
  margin: -3px 0 0 0;
}

.admin-header .downloadbtn a {
  color: var(--button);
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--button);
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .downloadbtn img {
  margin-right: 5px;
}

.admin-header .downloadbtn a:hover {
  background: #e8f2fe;
}

.admin-header .addbtn a {
  color: var(--button);
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--button);
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .addbtn img {
  margin-right: 5px;
}

.admin-header .addbtn a:hover {
  background: var(--button);
  color: #fff;
}

.admin-header .addbtn a:hover p {
  color: #fff;
}

.admin-header .addbtn a:hover svg path {
  stroke: #fff;
}

.admin-header .hdr-link a:hover svg path {
  stroke: var(--button);
}

.admin-header .morelink {
  position: relative;
}

.admin-header .morelink .dropdown-toggle::after {
  display: none;
}

.admin-header .morelink .dropdown-menu {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  transition: right 0.5s ease;
  background: #fff;
  top: 40px !important;
  right: 0 !important;
  margin: 0;
  left: inherit !important;
  float: none !important;
  transform: initial !important;
  border: 0;
  min-width: auto;
  width: 230px;
}

.admin-header .morelink .dropdown-menu ul {
  margin: 0;
  list-style: none;
}

.admin-header .morelink .dropdown-menu li {
  padding: 3px 0;
  line-height: 22px;
  border-bottom: 1px solid #f4f4f4;
}
.admin-header .morelink .dropdown-menu::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
  right: 5px;
  top: -15px;
}
.admin-header .morelink .dropdown-menu li:last-child {
  border-bottom: none;
}
.admin-header .morelink .dropdown-menu li a {
  color: #050F34;
  font-size: 13px;
}

.admin-header .morelink .dropdown-menu li a:hover {
  color: var(--button)
}

.admin-header .filter {
  margin-right: 10px;
}

.admin-header .filter a {
  color: #2A3357;
  font-size: 14px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .filter img {
  margin-right: 5px;
}

.admin-header .filter a:hover {
  color: var(--button);
  border: 1px solid var(--button);
}

.admin-header .filter a:hover path {
  fill: var(--button);
}

.admin-header .bulkchange-button {
  margin-right: 10px;
}

.admin-header .bulkchange-button a {
  color: var(--button);
  font-size: 14px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .bulkchange-button img {
  margin-right: 5px;
}

.admin-header .bulkchange-button a:hover {
  color: var(--button);
  border: 1px solid var(--button);
}

.admin-header .hdr-link {
  margin-right: 10px;
}

.admin-header .hdr-link a {
  color: #2A3357;
  font-size: 14px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .hdr-link img {
  margin-right: 5px;
}

.admin-header .hdr-link a:hover {
  color: var(--button);
  border: 1px solid var(--button);
}

.admin-header .userterritory {
  margin-right: 10px;
}

.admin-header .userterritory a {
  color: #2A3357;
  font-size: 14px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.admin-header .userterritory a:hover {
  color: var(--button);
  border: 1px solid var(--button);
}

/*Add Email Group popup*/
.addemailgroup {
  opacity: 0;
  right: -530px;
  transition: right 0.3s ease;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  height: 100%;
}

.addemailgroup.active {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.addemailgroup.active .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
  height: 100%;
  position: relative;
}

.addemailgroup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
}

.addemailgroup .popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.addemailgroup .content .form-control {
  border-color: #A0A8C8;
  font-size: 13px;
}

.addemailgroup .content .form-control::placeholder {
  color: #8C9096;
  opacity: 1;
}

.groupcolor ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.groupcolor ul li {
  height: 32px;
  width: 32px;
  content: '';
  border-radius: 4px;
  margin-right: 10px;
}

.groupcolor ul li:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

.groupcolor ul li.active {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

.groupcolor ul li.white-bg {
  border: 1px solid var(--button);
  background: #fff;
}

.groupcolor ul li.blue-bg {
  background: #5666FB;
}

.groupcolor ul li.green-bg {
  background: #71E019;
}

.groupcolor ul li.pink-bg {
  background: #EA39A3;
}

.groupcolor ul li.yellow-bg {
  background: #EED812;
}

.groupcolor ul li.purple-bg {
  background: #7C39EA;
}

.groupcolor ul li.customcolor {
  width: auto !important;
  height: auto !important;
  margin-left: 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 0;
}

.groupcolor ul li.customcolor img {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 1px;
}

.groupcolor ul li.customcolor:hover {
  box-shadow: none;
}

.groupcolor ul li.customcolor.active {
  box-shadow: none;
}

.groupcolor ul li.customcolor p {
  margin: 0 0 0 7px;
  font-size: 16px;
  font-family: 'Inter-Regular';
}

.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}

.radio input[type=radio]+.radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.radio input[type=radio]:checked+.radio-label:before {
  background-color: #3197EE;
  /* box-shadow: inset 0 0 0 4px #f4f4f4; */
  box-shadow: inset 0 0 0 4px #eee;
}
.radio input[type=radio]:focus+.radio-label:before {
  outline: none;
  border-color: #3197EE;
}

.radio input[type=radio]:disabled+.radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

.radio input[type=radio]+.radio-label:empty:before {
  margin-right: 0;
}

.radio input[type="radio"]+.radio-label.redcolor::before {
  background: #F34336;
  border: 1px solid #F34336;
}

.radio input[type="radio"]+.radio-label.bluecolor::before {
  background: #0F78F2;
  border: 1px solid #0F78F2;
}

.radio input[type="radio"]+.radio-label.greencolor::before {
  background: #71E019;
  border: 1px solid #71E019;
}
.radio input[type="radio"]+.radio-label.whitecolor::before {
  background: #ffffff;
  border: 1px solid #C2D9F4;
}

.radio input[type="radio"]+.radio-label.pinkcolor::before {
  background: #EA39A3;
  border: 1px solid #EA39A3;
}

.radio input[type="radio"]+.radio-label.yellowcolor::before {
  background: #EED812;
  border: 1px solid #EED812;
}

.radio input[type="radio"]+.radio-label.purplecolor::before {
  background: #7C39EA;
  border: 1px solid #7C39EA;
}

.custom-color-picker {
  width: 27px;
  height: 27px;
  border: none;
  z-index: 1;
  position: relative;
  opacity: 0;
  cursor: pointer;
}


.addemailgroup .buttons_row {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 0 15px;
}

.addemailgroup .buttons_row .default_btn2 {
  max-width: 104px;
  width: 100%;
}

.addemailgroup .content {
  height: 78vh;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  padding-bottom: 0px;
  padding-left: 8px;
}

.addemailgroup .content::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

.addemailgroup .content::-webkit-scrollbar-track {
  background: transparent;
}

.addemailgroup .content::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.addemailgroup .content::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

/*top header right bar css*/

.logout {
  display: inline-block;
  position: static;
  text-align: right;
  padding-right: 10px;
}

.logout a {
  font-size: 13px;
  line-height: 16px;
  color: #050F34;
  margin: 0 0 0 10px;
  display: block;
  border-left: 1px solid #E0E2E9;
}

.logout a.logoutname {
  background: #FFF6ED;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  line-height: inherit;
  color: #2A3357;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  border: 1px solid #F7E8DA;
}

.logout figure {
  margin: 0 7px 0 0;
  padding: 0;
  display: inline-block;
  position: relative;
  top: -2px;
}

.logout a span {
  margin-left: 5px;
}

/* .logout .logoutlist {
  top: -150px;
  position: absolute;
  max-width: 0px;
  display: none;
} */

/* .logout.active .logoutlist {
  display: block !important;
  position: absolute;
  background: #262626;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  list-style: none;
  z-index: 99;
  max-width: inherit;
  width: 250px;
  right: 8px;
  padding: 10px;
  text-align: left;
  top: 60px;
} */

/* .logout.active .logoutlist li a {
  padding: 5px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  border: 0;
} */
.logout-dropdown { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border: 0; top: 10px !important; left: -10px !important; background-color: #fff; padding-top: 0; }
/* .logout-dropdown {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border: 0;
  right: 10px;
  background-color: #fff;
  position: absolute;
  min-width: 170px;
  top: 60px;
} */
.logout-dropdown::before { content: ''; position: absolute; width: 15px; height: 15px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff;
  right: 5px; top: -15px; }
.logoutname.dropdown-toggle::after { display: none;}
ul.logoutlist { list-style: none; margin: 0; padding: 0px 0 10px 0; }
ul.logoutlist li a { border: 0; font-size: 14px; color: #050F34; font-family: 'Inter-Medium'; }
ul.logoutlist li a:hover { color:#515e9c; }
.sheets-dropdown { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border: 0; top: 10px !important; left: -10px !important; background-color: #fff }
.sheets-dropdown::before { content: ''; position: absolute; width: 15px; height: 15px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff;
  left: 50px; top: -15px; }
.userfullname { padding: 10px 0 10px 10px; margin-bottom: 10px; font-size: 14px; font-family: 'Inter-Medium'; background: #FFF6ED; border-radius: .25rem .25rem 0 0; border: 0 !important; }
/* .logout.active .logoutlist li a svg {
  margin: 0 5px 0 0;
  color: #fff;
} */

/*.logout.active .logoutlist  li a svg path { fill:#050F34; }
.logout.active .logoutlist  li a:hover svg path { fill:#A6AFD7; }*/
.logout.active .logoutlist li a:hover {
  color: #515e9c;
}

.logout.active .logoutlist li a:hover svg {
  color: #999;
}

/*top header right bar css End*/
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.menuscroll {
  height:calc(100vh - 60px);
}

.menuscroll .mCSB_scrollTools {
  right: -6px;
}

/*.menuscroll .mCustomScrollBox { overflow:inherit; }*/
.menuscroll .mCSB_inside>.mCSB_container {
  margin-right: 0;
  overflow: inherit;
}

.mobileshow {
  display: none;
}

.navarrow {
  position: absolute;
  left: 206px;
  top: 20px;
  z-index: 9;
  background: transparent;
  padding: 0;
  border: 0;
}

.desktopshow {
  display: block;
}

body.active .navarrow {
  left: 75px;
}

#sidebar .menubar {
  min-width: 217px;
  max-width: 217px;
  background: var(--sidebarbg);
  color: #fff;
  transition: all 0.3s;
  position: relative;
}

#sidebar ul li a {
  text-align: left;
}

#sidebar ul ul {
  list-style: none;
}

#sidebar .sidebar-header {
  padding: 17px 20px;
  background: #fff;
  text-align: center;
}

.sidenavbar {
  margin: 0 15px !important;
}

#sidebar ul.sidenavbar {
  padding: 10px 0 20px 0;
  list-style: none;
}

#sidebar.active .desktopshow {
  transform: rotate(180deg);
  transition: 0.5s ease;
}

#sidebar ul li a {
  padding: 8px 10px;
  font-size: 12px;
  display: block;
  color: #fff;
  position: relative;
}

#sidebar ul li a:hover {
  color: #fff;
  /*background: #1B2244;*/
}

#sidebar ul li a i {
  margin-right: 10px;
}

#sidebar ul li.active>a, #sidebar ul li.active> a[aria-expanded="true"] {
  color: #fff;
  /*background: #1B2244;*/
}

#sidebar ul li a[aria-expanded="true"]::after {
  /* transform: rotate(-135deg); */
 }


#sidebar ul li.active>a,
a[data-toggle="collapse"] {
  position: relative;
}

#sidebar .dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 15px;
  right: 5px;
  height: 6px;
  width: 6px;
  border-style: solid;
  border-color: white;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
}

#sidebar ul ul a {
  font-size: 12px !important;
  padding-left: 30px !important;
  color: #A6AFD7;
  padding: 5px 0 5px 35px !important;
}
#sidebar ul ul li.active a::before {
  content: '';
  background: #F0790B;
  width: 6px;
  height: 6px;
  left: 7px;
  position: absolute;
  border-radius: 50%;
}

#sidebar ul ul a:hover {
  color: #fff;
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

.logout_message .modal-dialog {
  max-width: 328px;
  width: 100%;
}

.logout_message .logout_popup_icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #FFF3D9;
  position: absolute;
  top: -25px;
  left: 0;
  margin: 0 auto;
  right: 0;
  justify-content: center;
  display: flex;
}

.logout_message p {
  color: #050F34;
  margin: 20px 0 10px 0;
  font-size: 16px;
  font-family: 'Inter-Regular';
}

.logout_message h3 {
  font-size: 16px;
  m: 19px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin-bottom: 0;
}

.left_logout_section .connectedbox a {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

#sidebar .connected_icon {
  margin: 0 5px 0 0px;
}

#sidebar .ring_icon {
  margin: 0 5px 0 0px;
}

.whatsapp-content .messages-area .header a.backaarow {
  display: none;
}

.wlc-whts.hide {
  display: none !important;
}

/**/
#sidebar .sidebar-header img { width: 130px; height: auto; }
#sidebar.active .sidebar-header img { width: auto; height: auto; }
#sidebar.active .menubar {
  max-width: 85px;
  min-width: 85px;
}

#sidebar.active .sidebar-header {
  padding: 0px 20px;
}

#sidebar {
  min-width: 217px;
  max-width: 217px;
  background: #0B1234;
  color: #fff;
  transition: all 0.3s;
  position: fixed;
  z-index: 999;
  height: inherit;
  left: 0;
}

#sidebar.active {
  min-width: 85px;
  max-width: 85px;
  text-align: center;
}

#sidebar.active .sidebar-header span {
  display: none;
}

#sidebar.active .sidebar-header strong {
  display: block;
}

#sidebar.active ul li {
  position: relative;
}

#sidebar.active ul ul {
  list-style: none;
  position: absolute;
  top: 0;
  left: 79px;
  min-width: 170px;
  z-index: 99;
  background: #515e9c;
}

#sidebar.active ul ul::after {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #515e9c;
  border-width: 6px;
  margin-top: -6px;
}

#sidebar.active ul li a:hover span {
  display: block;
  position: absolute;
  background-color: #515e9c;
  padding: 5px 10px;
  left: 77px;
  top: 1px;
  min-width: 160px;
  text-align: left;
  z-index: 9;
  font-size: 14px;
  /* border-radius: 5px; */
}

#sidebar.active ul li a:hover span::after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #515e9c;
  border-width: 6px;
  margin-top: -6px;
}

#sidebar ul li a {
  text-align: left;
}

#sidebar ul ul {
  list-style: none;
}

#sidebar.active ul li a {
  padding: 10px;
  text-align: center;
  justify-content: center;
}

#sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}

#sidebar.active ul ul a {
  padding: 5px 10px 5px 15px !important;
  color: #fff;
  text-align: left;
  justify-content: left;
}

#sidebar.active .dropdown-toggle::after {
  top: auto;
  bottom: 18px;
  right: 10px;
  /* transform: rotate(-40deg); */
}

#sidebar .sidebar-header {
  padding: 0 20px;
  background: var(--headerbg);
  text-align: center;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  z-index: 1;
  top: 0;
}

#sidebar .sidebar-header strong {
  display: none;
}

.sidenavbar {
  margin: 0 10px !important;
}

#sidebar ul.sidenavbar {
  padding: 10px 0 60px 0;
  list-style: none;
}

#sidebar ul li a {
  padding: 10px 0px 10px 0px;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: var(--whitetext);
}

#sidebar ul li a:hover {
  color: #fff;
  /*background: #1B2244;*/
}

#sidebar ul li a i {
  margin-right: 10px;
}

#sidebar ul li a svg path {
  fill: var(--navicon);
}

/*#sidebar ul li a:hover svg path { fill:var(--whitetext); }*/
/* #sidebar ul li.active>a,
a[aria-expanded="true"] {
  color: #fff;
} */

#sidebar ul li.active>a,
a[data-toggle="collapse"] {
  position: relative;
}

#sidebar ul li.active a.dropdown-toggle[aria-expanded="true"]::after {
  /* transform: rotate(225deg); */
}

#sidebar ul ul a {
  font-size: 13px !important;
  color: #A6AFD7;
  padding: 5px 0 5px 25px !important;
}

#sidebar ul ul a:hover {
  color: #fff;
}

#sidebar ul li>a>span {
  margin-left: 10px;
}

#sidebar.active ul li>a>span {
  display: none;
}

#sidebar.active .sidenavbar {
  /* margin: 0 5px !important; */
  margin: 0px !important;
  padding: 10px 0 100px 0;
}

#sidebar.active .menubar .mCustomScrollBox {
  overflow: visible !important;
}

#sidebar ul li>a:hover .dashboard-icon {
  content: url("../images/dashboard_icon_h.svg");
}

#sidebar ul li.active>a .dashboard-icon {
  content: url("../images/dashboard_icon_h.svg");
}

#sidebar ul li>a:hover .report-icon {
  content: url("../images/report-icon-h.svg");
}

#sidebar ul li.active>a .report-icon {
  content: url("../images/report-icon-h.svg");
}

#sidebar ul li>a:hover .users-icon {
  content: url("../images/users-icon-h.svg");
}

#sidebar ul li.active>a .users-icon {
  content: url("../images/users-icon-h.svg");
}

#sidebar ul li>a:hover .campaign-icon {
  content: url("../images/campaign-icon-h.svg");
}

#sidebar ul li.active>a .campaign-icon {
  content: url("../images/campaign-icon-h.svg");
}

#sidebar ul li>a:hover .listlead-icon {
  content: url("../images/listlead-icon-h.svg");
}

#sidebar ul li.active>a .listlead-icon {
  content: url("../images/listlead-icon-h.svg");
}

#sidebar ul li>a:hover .quality-icon {
  content: url("../images/quality-icon-h.svg");
}

#sidebar ul li.active>a .quality-icon {
  content: url("../images/quality-icon-h.svg");
}

#sidebar ul li>a:hover .script-icon {
  content: url("../images/script-icon-h.svg");
}

#sidebar ul li.active>a .script-icon {
  content: url("../images/script-icon-h.svg");
}

#sidebar ul li>a:hover .filter-icon {
  content: url("../images/filter-icon-h.svg");
}

#sidebar ul li.active>a .filter-icon {
  content: url("../images/filter-icon-h.svg");
}

#sidebar ul li>a:hover .inbound-icon {
  content: url("../images/inbound-icon-h.svg");
}

#sidebar ul li.active>a .inbound-icon {
  content: url("../images/inbound-icon-h.svg");
}

#sidebar ul li>a:hover .remoteagent-icon {
  content: url("../images/remoteagent-icon-h.svg");
}
#sidebar ul li>a:hover .message-icon {
  content: url("../images/message_icon_h.svg");
}
#sidebar ul li.active>a .remoteagent-icon {
  content: url("../images/remoteagent-icon-h.svg");
}

#sidebar ul li>a:hover .recording-icon {
  content: url("../images/recording-icon-h.svg");
}

#sidebar ul li.active>a .recording-icon {
  content: url("../images/recording-icon-h.svg");
}

#sidebar ul li>a:hover .omnichannel-icon {
  content: url("../images/omnichannel-icon-h.svg");
}

#sidebar ul li.active>a .omnichannel-icon {
  content: url("../images/omnichannel-icon-h.svg");
}

#sidebar ul li>a:hover .stickyagent-icon {
  content: url("../images/stickyagent-icon-h.svg");
}

#sidebar ul li.active>a .stickyagent-icon {
  content: url("../images/stickyagent-icon-h.svg");
}

#sidebar ul li>a:hover .usergroup-icon {
  content: url("../images/usergroup-icon-h.svg");
}

#sidebar ul li.active>a .usergroup-icon {
  content: url("../images/usergroup-icon-h.svg");
}

#sidebar ul li>a:hover .bucket-icon {
  content: url("../images/bucket-icon-h.svg");
}

#sidebar ul li.active>a .bucket-icon {
  content: url("../images/bucket-icon-h.svg");
}

#sidebar ul li>a:hover .voicefiles-icon {
  content: url("../images/voicefiles-icon-h.svg");
}

#sidebar ul li.active>a .voicefiles-icon {
  content: url("../images/voicefiles-icon-h.svg");
}

#sidebar ul li>a:hover .tts-icon {
  content: url("../images/tts-icon-h.svg");
}

#sidebar ul li.active>a .tts-icon {
  content: url("../images/tts-icon-h.svg");
}

#sidebar ul li>a:hover .ivrboat-icon {
  content: url("../images/ivrboat-icon-h.svg");
}

#sidebar ul li.active>a .ivrboat-icon {
  content: url("../images/ivrboat-icon-h.svg");
}

#sidebar ul li>a:hover .webapi-icon {
  content: url("../images/webapi-icon-h.svg");
}

#sidebar ul li.active>a .webapi-icon {
  content: url("../images/webapi-icon-h.svg");
}

#sidebar ul li>a:hover .settings-icon {
  content: url("../images/settings-icon-h.svg");
}

#sidebar ul li.active>a .settings-icon {
  content: url("../images/settings-icon-h.svg");
}

#sidebar ul li>a:hover .email-icon {
  content: url("../images/email-icon-h.svg");
}
#sidebar ul li.active>a .email-icon {
  content: url("../images/email-icon-h.svg");
}

#sidebar ul li>a:hover .admin-icon {
  content: url("../images/admin-icon-h.svg");
}
#sidebar ul li.active>a .email-icon {
  content: url("../images/admin-icon-h.svg");
}

#sidebar ul li>a:hover .company-branding-icon {
  content: url("../images/company-branding-icon-h.svg");
}
#sidebar ul li.active>a .company-branding-icon {
  content: url("../images/company-branding-icon-h.svg");
}

#sidebar ul li>a:hover .licence-icon {
  content: url("../images/licence-icon-h.svg");
}
#sidebar ul li.active>a .licence-icon {
  content: url("../images/licence-icon-h.svg");
}

#sidebar ul li>a:hover .prichannel-icon {
  content: url("../images/prichannel-icon-h.svg");
}
#sidebar ul li.active>a .prichannel-icon {
  content: url("../images/prichannel-icon-h.svg");
}

#sidebar ul li>a:hover .sip-icon {
  content: url("../images/sip-icon-h.svg");
}
#sidebar ul li.active>a .sip-icon {
  content: url("../images/sip-icon-h.svg");
}
#sidebar ul li>a:hover .user-access-icon {
  content: url("../images/user-access-icon-h.svg");
}
#sidebar ul li.active>a .user-access-icon {
  content: url("../images/user-access-icon-h.svg");
}
#sidebar ul li>a:hover .webapi-icon {
  content: url("../images/webapi-icon-h.svg");
}
#sidebar ul li.active>a .webapi-icon {
  content: url("../images/webapi-icon-h.svg");
}
#sidebar ul li>a:hover .ticket-icon {
  content: url("../images/ticket-icon-h.svg");
}
#sidebar ul li.active>a:hover .ticket-icon {
  content: url("../images/ticket-icon-h.svg");
}
#sidebar ul li.active>a .webapi-icon {
  content: url("../images/ticket-icon-h.svg");
}




/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#maincontent {
  width: calc(100% - 217px);
  padding: 0;
  min-height: 100vh;
  transition: all 0.3s;
  margin-left: 217px;
}

body.active #maincontent {
  width: calc(100% - 85px);
  margin-left: 85px;
}
/*Checkbox*/
.tablecheck input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none !important;
  cursor: pointer
}
.tablecheck { display: inline-block; position: relative; z-index: 1; }
.tablecheck label {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  color: #868381;
  font-family: 'Inter-Medium';
}

.tablecheck label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 3px;
  border: solid 1px #8391C6;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.tablecheck input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.tablecheck input:checked+label::before {
  background: var(--button);
  border: 1px solid var(--button);
}

/*inner pages checkbox like swich*/
.checkbox-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.checkbox-column label {
  margin: 0;
}

.innercheck {
  position: relative;
  display: flex;
}

.innercheck input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.innercheck label {
  cursor: pointer;
  width: 45px;
  height: 20px;
  background: #fff;
  display: block;
  border-radius: 25px;
  position: relative;
  border: 1px solid #A0A8C8;
}

.innercheck label:before {
  content: attr(data-off);
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 10px;
  padding: 5px 12px 5px 0px;
  color: #A0A8C8;
  font-family: 'Inter-Medium';
}

.innercheck input:checked+label:before {
  content: attr(data-on);
  position: absolute;
  left: 0;
  font-size: 10px;
  padding-left: 7px;
  color: #fff;
  font-family: 'Inter-Medium';
}

.innercheck label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: #A0A8C8;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.innercheck input:checked+label {
  background: #007bff;
  border: 1px solid #007bff;
  transition: all 0.3s ease-in-out;
}

.innercheck input:checked+label:after {
  transform: translateX(28px);
  background: #fff;
  border-color: #007bff;
  transition: all 0.3s ease-in-out;
}

.checkbox-column::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -15px;
}

.checkbox-column.border-none::after {
  display: none;
}

/*Radio as swich*/

.headerswitch .radio-switch { height:16px; }
.headerswitch .radio-switch .radio-switch-inner { width: 35px; }
.headerswitch .radio-switch label:first-of-type::after { content: ''; }
.headerswitch .radio-switch input:first-of-type:checked ~ label:first-of-type::after { content: ''; }
.headerswitch .radio-switch label:first-of-type::before, .headerswitch .radio-switch label:first-of-type::after { height: 16px; width: 35px; }
.headerswitch .radio-switch input:first-of-type:checked ~ label:first-of-type::before { right: 26px; }
.headerswitch .radio-switch label:first-of-type::before { top: 3px; width: 10px; height: 10px; right: 8px; }
.headerswitch .radio-switch input { height: 16px; }

.radiobox-column {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.radiobox-column::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -15px;
}

.radiobox-column.border-none::after {
  display: none;
}

.radiobox-column label {
  margin: 0;
  color: #050F34;
  font-family: 'Inter-Medium';
}

.radio-switch {
  border: none;
  padding: 0;
  white-space: nowrap;
  height: 20px;
}

.radio-switch-inner {
  display: flex;
  position: relative;
  width: 45px;
}

.radio-switch label {
  display: inline-block;
  line-height: inherit;
  position: relative;
  z-index: 2;
  margin: 0;
}

.radio-switch input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  height: 20px;
  opacity: .00001;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 3;
  cursor: pointer;
}

.radio-switch input:first-of-type {
  left: 0px;
}

.radio-switch input:last-of-type {
  right: 0px;
}

.radio-switch input:not(:checked):hover+label {
  text-decoration: underline;
}

.radio-switch label:first-of-type {
  padding-right: 40px;
}

.radio-switch label:last-child {
  margin-left: -4.25em;
  padding-left: 5em;
}

.radio-switch label:first-of-type:before,
.radio-switch label:first-of-type:after {
  border: 1px solid #A0A8C8;
  content: "";
  height: 20px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  vertical-align: middle;
  width: 45px;
  font-size: 10px;
}

.radio-switch label:first-of-type:before {
  background: #fff;
  border-radius: 100%;
  position: absolute;
  right: 0;
  transition: right .2s ease-in-out;
  width: 12px;
  height: 12px;
  z-index: 2;
  top: 4px;
  border: 0;
}

.radio-switch label:first-of-type:after {
  background: var(--button);
  border-radius: 1em;
  margin: 0;
  transition: background .2s ease-in-out;
  content: 'Yes';
  padding: 3px 0 3px 5px;
  color: #ffff;
  border-color: var(--button);
}

.radio-switch input:first-of-type:checked~label:first-of-type:after {
  background: #fff;
  content: 'No';
  padding: 3px 0 3px 21px;
  color: #A0A8C8;
  border: 1px solid #A0A8C8;
}

.radio-switch input:first-of-type:checked~label:first-of-type:before {
  right: 22px;
  background: #A0A8C8;
}

.radio-switch input:last-of-type:checked~label:last-of-type {
  z-index: 1;
}

/*radio*/
.radiobuttons {
  display: flex;
}

.radiobuttons label {
  display: flex;
  margin: 0;
  cursor: pointer;
}

.radiobuttons label p {
  margin: 0 10px 0 5px;
  font-family: 'Inter-Regular';
  font-size: 14px;
  color: #050F34;
}

.radiobuttons label:focus-within {
  color: #050F34;
}

.radiobuttons input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 1px solid #8391C6;
}

.radiobuttons input[type="radio"]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #fff;
  border: 4px solid var(--button);
}

.radiobuttons input[type="radio"]:checked::before {
  transform: scale(1);
}

/*custome-switch*/
.custome-switch label {
  color: #050F34;
  font-size: 13px;
  font-family: 'Inter-Medium';
  margin: 0;
  align-items: center;
  display: flex;
}

.custome-switch .btn-toggle {
  margin: 0 10px;
  padding: 0;
  position: relative;
  border: 1px solid #A0A8C8;
  height: 20px;
  width: 45px;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #fff;
  display: flex;
  align-items: center;
}

.custome-switch .btn-toggle:focus {
  box-shadow: none !important;
}

.custome-switch .btn-toggle.active {
  background-color: var(--button);
  border: 1px solid var(--button);
}

.custome-switch .btn-toggle.btn-sm>.handle {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 1.125rem;
  background: #A0A8C8;
  transition: left 0.25s;
}

.custome-switch .btn-toggle.btn-sm.active>.handle {
  left: 27px;
  transition: left 0.25s;
  background: #fff;
}

.custome-switch .btn-toggle.btn-sm.btn-sm::before,
.custome-switch .btn-toggle.btn-sm.btn-sm::after {
  color: #fff;
  font-family: 'Inter-Bold';
  position: relative;
  font-size: 10px;
}

.custome-switch .btn-toggle.btn-sm.btn-sm.active::before {
  opacity: 0;
}

.custome-switch .btn-toggle.btn-sm.btn-sm::after {
  text-align: left;
  opacity: 0;
}

.custome-switch .btn-toggle.btn-sm.btn-sm::before {
  text-align: right;
}

.custome-switch .btn-toggle.btn-sm::before {
  content: 'No';
  left: 20px;
  color: #A0A8C8 !important;
}

.custome-switch .btn-toggle.btn-sm::after {
  content: 'Yes';
  opacity: 0.5;
  right: 9px;
}

.custome-switch .btn-toggle.btn-sm.btn-sm.active::after {
  opacity: 1;
}

/*dashboard*/
/*#dashboard { max-width: 100%; width: auto; overflow-x: hidden; overflow-y: auto; height:78vh; }
#dashboard ::-webkit-scrollbar { width: 5px; }
#dashboard ::-webkit-scrollbar-track { background: #e2e5ee; }
#dashboard ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 14px; }
#dashboard ::-webkit-scrollbar-thumb:hover { background: #ffffff; }*/

/*middle scrollbar*/
.middlescrollbar {
  height: calc(100vh - 60px);
  padding-bottom: 0px;
  position: relative;
  overflow-y: auto;
  scrollbar-color: #889BC8 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

.middlescrollbar::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

.middlescrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.middlescrollbar::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}

.middlescrollbar::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}

/*Table Scrollbar*/
.listingscrollbar {
  height: 75vh;
  padding-bottom: 0px;
  position: relative;
  overflow-y: auto;
  scrollbar-color: #F5F7FA #F5F7FA;
  scrollbar-width: thin;
}

.listingscrollbar::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.listingscrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.listingscrollbar::-webkit-scrollbar-thumb {
  background: #F5F7FA;
  border-radius: 14px;
}

.listingscrollbar::-webkit-scrollbar-thumb:hover {
  background: #F5F7FA;
}

/*pagination*/
.footer-pagination .pagination {
  justify-content: center;
  background: #F5F7FA;
  padding: 10px 0;
}

.footer-pagination .pagination .page-item {
  margin: 0 5px;
}

.footer-pagination .pagination .page-link {
  border: 0;
  color: #42538E;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-pagination .pagination .page-link:hover {
  background-color: #42538E;
  color: #fff;
}

.footer-pagination .pagination .page-item.active .page-link {
  background-color: #42538E;
  color: #fff;
}

/*Custom Tabs*/

.customtab .nav-tabs {
  box-shadow: 0px 2px 6px #E7EBF1;
  border: 0;
  background: #fff;
  position: sticky;
  top: 0;
  height: 34px;
  z-index: 9;
  display: flex;
}

.customtab .nav-tabs,
.customtab .nav-pills {
  position: relative;
  padding-right: 0 !important;
}

.customtab .tabdrop svg {
  color: #0f78f2;
}

.customtab .tabdrop .dropdown-menu {
  /* left: -128px !important;
  top: 8px !important; */
  top: 3px !important;
  left: inherit !important;
  right: 0;
  transform: translate3d(0px, 32px, 0px) !important;
}

/* adjust as needed so the tab text displays */
.customtab .tabdrop {
  width: auto;
  margin-top: .5rem;
  right: 10px !important;
  padding: 0 10px;
  background: #fff;
}

/* hide any icons found in tabs not on first line */
.customtab .nav-tabs li li i {
  visibility: hidden;
}

.customtab .hide {
  display: none;
}

.customtab .dropdown-toggle::after {
  display: none;
}

.customtab .nav-tabs .nav-item {
  margin: 0 8px;
}

.customtab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #40465E;
  background-color: transparent;
  border-bottom: 2px solid #FFAA05 !important;
  font-family: 'Inter-SemiBold';
}

.customtab .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-bottom: 2px solid #FFAA05;
  box-shadow: none;
}

.customtab .nav-tabs .nav-link {
  color: #40465E;
  font-size: 13px;
  font-style: normal;
  border-width: 0 0 2px 0;
  padding-left: 0;
  padding-right: 0;
}

.customtab .tabsnav {
  display: inline-block;
}

.customtab .tabsnav .bar1,
.customtab .tabsnav .bar2,
.customtab .tabsnav .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.customtab .tabsnav {
  display: none;
}

.customtab .tabsnav.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}

.customtab .tabsnav.change .bar2 {
  opacity: 0;
}

.customtab .tabsnav.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

/*Table css Start*/
.table-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}

.table-header h2 {
  display: inline-block;
  font-family: 'Inter-Bold';
  font-size: 18px;
  color: #050F34;
  margin: 0;
}

.table-header a {
  color: #050F34;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
}

.table-content th {
  font-size: 13px;
  color: #838383;
  font-family: 'Inter-Semibold';
  border-top: 0;
  border-bottom: 1px solid #002863 !important;
  font-weight: normal;
}

.table-content td {
  border-top: 0;
  border-bottom: 1px solid #EFEFEF;
  font-size: 14px;
  color: #050F34;
  line-height: 17px;
  font-family: 'Inter-Regular';
  vertical-align: middle;
}

.table-header button {
  color: #050F34;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  background: transparent;
  border: 0;
  margin-right: 30px;
}

.box-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  align-items: center;
}

.box-header h2 {
  display: inline-block;
  font-family: 'Inter-Bold';
  font-size: 18px;
  color: #050F34;
  margin: 0;
}

.table-content tbody>tr:hover {
  background: #f2f5fc;
}

.table-border td {
  border-bottom: 1px solid #EFEFEF !important;
}

.table-header .default_btn3 {
  color: var(--button);
  font-size: 14px;
}

.table-header .default_btn3:hover {
  color: #fff;
}

.table-content1 th {
  font-size: 13px;
  color: #6E7282;
  font-family: 'Inter-Semibold';
  border: 0 !important;
  font-weight: normal;
  background: #F7F7FC;
}

.table-content1 td {
  border: 0;
  font-size: 14px;
  color: #050F34;
  line-height: 17px;
  font-family: 'Inter-Regular';
  vertical-align: middle;
}

.table-header .default_btn2 {
  color: #fff;
  font-size: 14px;
}

.table-header .default_btn2:hover {
  color: #fff;
}

.table-header .bluelink {
  border: 1px solid transparent;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px;
  color: var(--button);
  font-family: 'Inter-SemiBold';
  font-size: 14px;
  transition: 0.5s;
}

.table-header .bluelink:hover {
  color: var(--button);
  border: 1px solid var(--button);
}

/*Listing Table css Start*/
.listing-table-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.listing-table-header h2 {
  display: inline-block;
  font-family: 'Inter-Bold';
  font-size: 18px;
  color: #050F34;
  margin: 0;
}

.listing-table-header a {
  color: #050F34;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
}

.listing-table-content th {
  font-size: 14px;
  color: #2A3357;
  font-family: 'Inter-Semibold';
  border-top: 0;
  border-bottom: 0 !important;
  font-weight: normal;
}

.listcontent table.dataTable thead th.sorting:hover {
  background-color: #eaf0f8;
}

.listing-table-content td {
  background: #fff;
  border-top: 0;
  border-bottom: 0px solid #f5f7fa;
  font-size: 14px;
  color: #050F34;
  line-height: 17px;
  font-family: 'Inter-Regular';
}

.listing-table-header button {
  color: #050F34;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  background: transparent;
  border: 0;
  margin-right: 30px;
}

.listing-table-content tbody>tr:hover {
  /*background:#f2f5fc;*/
  box-shadow: 0 2px 5px #ccc;
  /* box-shadow: 0 2px 6px #ccc;   */
}

/**/

.box-right-content {
  display: flex;
  align-items: center;
}

.box-right-content .totalscalls {
  margin-left: 24px;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 13px;
}

.box-right-content .totalscalls span {
  font-family: 'Inter-SemiBold';
}

.box-right-content .refresh {
  display: flex;
  align-items: center;
}

.box-right-content .refresh a {
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  color: #4D4D4D;
}

.box-right-content .refresh span {
  margin-right: 10px;
}

.box-right-content a:hover {
  color: var(--button);
}

.box-right-content span {
  margin-right: 5px;
}

/*Table css End*/
/*today's calls card css start*/
.today-calls-card {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
}

.today-calls-card .card-box {
  border-right: 1px solid #EFEFEF;
  max-width: 240px;
  width: 100%;
  justify-content: flex-start;
  display: flex;
  padding: 0 20px;
}

.today-calls-card .card-box span {
  margin-right: 10px;
}

.today-calls-card .card-box .content p {
  font-size: 14px;
  color: #6E7282;
  line-height: 17px;
  margin: 1px 0px;
  font-family: 'Inter-Regular';
}

.today-calls-card .card-box .content h2 {
  font-size: 18px;
  line-height: 22px;
  font-family: 'Inter-Bold';
  color: #2A3357;
  margin: 1px 0px;
}

.today-calls-card .fresh-lead {
  border-right: 0;
}

/*today's calls card css End*/
.columnbox {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  min-height: 310px;
}

/*Calls Summary card css End*/
.summarystatus-box .status-list {
  width: 180px;
}

.summarystatus-box .status-list ul {
  list-style: none;
}

.summarystatus-box .status-list ul li {
  position: relative;
  font-size: 13px;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.summarystatus-box .status-list ul li p {
  margin: 0;
  font-family: 'Inter-Regular';
  color: #050F34;
}

.summarystatus-box .status-list ul li span {
  font-family: 'Inter-SemiBold';
  color: #050F34 !important;
}

.summarystatus-box .status-list ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}
.summarystatus-box .status-list ul li.ready::before {
  background: #26C3CC;
}

.summarystatus-box .status-list ul li.ringing::before {
  background: #CF82F1;
}

.summarystatus-box .status-list ul li.incall::before {
  background: #656AED;
}

.summarystatus-box .status-list ul li.waiting::before {
  background: #FE9292;
}

.summarystatus-box .status-list ul li.ivrcall::before {
  background: #4EA8E5;
}

.summarystatus-box .status-list ul li.paused::before {
  background: #FFA26D;
}

.summarystatus-box .status-list ul li.dead::before {
  background: #F8D37E;
}

.summarystatus-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.summarystatus-graph {
  width: 100%;
  display: grid;
  place-items: center;
}

.summarystatus-graph img {
  padding: 0px 0 0 0;
}

.productivity-box .statuslist {
  display: flex;
  position: relative;
  margin-bottom: 5px;
}

.productivity-box .statuslist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.productivity-box .statuslist ul li {
  position: relative;
  color: #050F34;
  font-size: 13px;
  padding: 0 20px;
}

.productivity-box .statuslist ul li:last-child {
  padding-right: 0;
}

.productivity-box .statuslist ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 3px;
}

.productivity-box .statuslist ul li.totalcall::before {
  background: #FB8171;
}

.productivity-box .statuslist ul li.totalsale::before {
  background: #727FF3;
}

.stats-graphical-box .statuslist {
  display: flex;
  position: relative;
  margin-bottom: 5px;
}

.stats-graphical-box .statuslist ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.stats-graphical-box .statuslist ul li {
  position: relative;
  color: #050F34;
  font-size: 13px;
  padding: 0 20px;
}

.stats-graphical-box .statuslist ul li:last-child {
  padding-right: 0;
}

.stats-graphical-box .statuslist ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 3px;
}

.stats-graphical-box .statuslist ul li.yesterday::before {
  background: #FB8171;
}

.stats-graphical-box .statuslist ul li.today::before {
  background: #5763CE;
}

/*Ping Dashboard*/
.totalagentsbox .statuslist {
  display: flex;
  justify-content: center;
}

.totalagentsbox .statuslist ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
}

.totalagentsbox .statuslist ul li {
  position: relative;
  font-size: 14px;
  padding: 0 20px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Inter-Regular';
  color: #2A3357;
}

.totalagentsbox .statuslist ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.totalagentsbox .statuslist ul li.agentlive::before {
  background: #FB8171;
}

.totalagentsbox .statuslist ul li.sleepingagent_one::before {
  background: #26C3CC;
}

.totalagentsbox .statuslist ul li.sleepingagent_two::before {
  background: #5763CE;
}

.agentstatus .liveagent-text {
  position: relative;
  padding-left: 30px;
}

.agentstatus .liveagent-text::before {
  height: 8px;
  width: 8px;
  position: absolute;
  content: '';
  top: 17px;
  left: 12px;
  background: #FB8171;
  border-radius: 50%;
}

.agentstatus .sleepingagent-one-text {
  position: relative;
  padding-left: 30px;
}

.agentstatus .sleepingagent-one-text::before {
  height: 8px;
  width: 8px;
  position: absolute;
  content: '';
  top: 17px;
  left: 12px;
  background: #26C3CC;
  border-radius: 50%;
}

.agentstatus .sleepingagent-two-text {
  position: relative;
  padding-left: 30px;
}

.agentstatus .sleepingagent-two-text::before {
  height: 8px;
  width: 8px;
  position: absolute;
  content: '';
  top: 17px;
  left: 12px;
  background: #5763CE;
  border-radius: 50%;
}

.agentstatus .nav-tabs {
  box-shadow: none;
  border-bottom: 1px solid #E7EBF1;
  height: auto;
}
.ping-dashboard-alert { background: #FEEEEF; font-size: 14px; text-align: center; font-family: 'Inter-Medium'; padding: 10px 20px; margin: 10px 0; color: #DB575F; }
/*Broadcast Dashboard*/
.totalleadsbox {
  min-height: auto !important;
}

.notconnectedbox {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.notconnectedbox .graph {
  width: 100%;
  display: grid;
  place-items: center;
}

.notconnectedbox .status-list {
  width: 180px;
}

.notconnectedbox .status-list ul {
  list-style: none;
}

.notconnectedbox .status-list ul li {
  position: relative;
  font-size: 13px;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notconnectedbox .status-list ul li p {
  margin: 0;
  font-family: 'Inter-Regular';
  color: #050F34;
}

.notconnectedbox .status-list ul li span {
  font-family: 'Inter-SemiBold';
}

.notconnectedbox .status-list ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.notconnectedbox .status-list ul li.ready::before {
  background: #26C3CC;
}

.notconnectedbox .status-list ul li.ringing::before {
  background: #CF82F1;
}

.notconnectedbox .status-list ul li.incall::before {
  background: #656AED;
}

.notconnectedbox .status-list ul li.waiting::before {
  background: #FE9292;
}

.notconnectedbox .status-list ul li.ivrcall::before {
  background: #4EA8E5;
}

.notconnectedbox .status-list ul li.paused::before {
  background: #FFA26D;
}

.notconnectedbox .status-list ul li.dead::before {
  background: #F8D37E;
}

.totalleads .campagin {
  align-items: center;
  display: flex;
  position: relative;
}

.totalleads .campagin label {
  margin: 0;
  color: #6E7282;
  font-size: 14px;
  font-family: 'Inter-Regular';
}

.totalleads .campagin select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  font-size: 16px;
  color: #2A3357;
  font-family: 'Inter-SemiBold';
  border: 0;
  padding: 0 15px 0 0;
  box-shadow: none;
  margin-left: 10px;
  height: auto;
  cursor: pointer;
  background: url(../images/campagin-arrow.png) no-repeat right;
  border-radius: 0;
}

.totalleads .campagin select>option {
  background: #fff;
  padding: 0;
  font-family: 'Inter-SemiBold' !important;
}

/*.totalleads .campagin span { font-size:16px; color:#2A3357; font-family: 'Inter-SemiBold'; margin:0 10px; cursor:pointer; }
.totalleads .campagin img { transform: rotate(0deg); transition: all 0.5s ease; }
.totalleads .campagin.active img { transform: rotate(180deg); transition: all 0.5s ease; }*/
.totalleads .campagin .camp-list {
  display: none;
}

.totalleads .campagin.active .camp-list {
  transition: all 0.5s ease;
  display: flex;
  position: absolute;
  z-index: 9;
  background: #fff;
  top: 32px;
  left: 20px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  max-width: 200px;
  width: 100%;
}

.totalleads .campagin .camp-list ul {
  list-style: none;
  margin: 0;
}

.totalleads .campagin .camp-list ul li {
  line-height: 24px;
}

.totalleads .campagin .camp-list ul li a {
  font-size: 14px;
  font-family: 'Inter-Medium';
  color: #050F34;
}

.totalleads .campagin .camp-list ul li a:hover {
  color: #5763CE;
}

/*System Dashboard*/
.systemdashboard .customtab ul {
  box-shadow: 0px 1px 0px #D2D2D2;
  border: 0;
  background: #fff;
}

.systemdashboard h2 {
  color: #2A3357;
  font-family: 'Inter-Bold';
  font-size: 18px;
  margin: 0;
}

.systemdashboard .hdr {
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.systemdashboard .content {
  min-height: 210px;
}

.asterikbox .content {
  background: #fff;
  border-radius: 5px;
  padding: 12px;
}

.asterikbox .content ul {
  background: none;
  list-style: none;
  box-shadow: none;
  margin: 0;
}

.asterikbox .content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F5F5F5;
  padding: 15px 0;
  position: relative;
}

.asterikbox .content ul li p:before {
  background: #E0E2E9;
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 18px;
  left: 0;
}

.asterikbox .content ul li.active p:before {
  background: #17B93B;
}

.asterikbox .content ul li:last-child {
  border: 0;
}

.asterikbox .content ul li p {
  font-size: 16px;
  color: #2A3357;
  font-family: 'Inter-Medium';
  padding-left: 22px;
}

.asterikbox .content ul li a {
  margin: 0 5px;
}

.asterikbox .content ul li span {
  display: flex;
}

.memoryrambox .content {
  background: #fff;
  border-radius: 5px;
  padding: 12px;
}

.memoryrambox .content .column {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0 0;
}

.memoryrambox .content .column .text {
  flex: 50%;
}

.memoryrambox .content .column .text p {
  font-size: 14px;
  color: #838383;
  font-family: 'Inter-Medium';
  margin: 0 0 5px 0;
}

.memoryrambox .content .column .text h3 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.memoryrambox .content .column .text h3 span {
  font-size: 16px;
  font-family: 'Inter-Medium';
  color: #838383;
}

.memoryrambox .content .column .graph {
  flex: 50%;
  text-align: center;
}

.pristatusbox .content {
  background: #fff;
  border-radius: 5px;
  padding: 12px;
}

.pristatusbox .content p {
  font-size: 14px;
  color: #4D4D4D;
  font-family: 'Inter-Medium';
  margin: 15px 0 0 0;
}

.pristatusbox h2 {
  position: relative;
  padding-left: 20px;
}

.pristatusbox h2:before {
  background: #E0E2E9;
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 4px;
  left: 0px;
}

.pristatusbox h2.active:before {
  background: #17B93B;
}


.httpbox .content {
  border-radius: 0;
  padding: 0;
  min-height: auto;
}

.httpbox .content ul {
  background: none;
  list-style: none;
  box-shadow: none;
  margin: 0;
}

.httpbox .content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0;
  position: relative;
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 19px;
  min-height: 52px;
}

.httpbox .content ul li p:before {
  background: #E0E2E9;
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 18px;
  left: 12px;
}

.httpbox .content ul li.active p:before {
  background: #17B93B;
}

.httpbox .content ul li p {
  font-size: 18px;
  color: #2A3357;
  font-family: 'Inter-Bold';
  padding-left: 22px;
}

.httpbox .content ul li a {
  margin: 0 5px;
}

.httpbox .content ul li span {
  display: flex;
}

.httpbox .content ul li:last-child {
  margin-bottom: 0;
}

.serverdtailsbox .content {
  background: #fff;
  border-radius: 5px;
  padding: 12px;
  min-height: auto;
}

.serverdtailsbox h2 {
  position: relative;
  padding-left: 20px;
}

.serverdtailsbox h2:before {
  background: #E0E2E9;
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 4px;
  left: 0px;
}

.serverdtailsbox h2.active:before {
  background: #17B93B;
}

.serverdtailsbox .content p {
  font-size: 14px;
  color: #838383;
  font-family: 'Inter-Medium';
  margin: 15px 0 0 0;
}

.serverdtailsbox .content h3 {
  font-size: 20px;
  color: #2A3357;
  font-family: 'Inter-Bold';
  margin: 5px 0 7px 0;
}

.serverdtailsbox .content h3>span {
  font-size: 16px;
  font-family: 'Inter-SemiBold';
  color: #838383;
}

.serverdtailsbox .hdr a {
  padding: 0 3px;
}

.serverhdd .content {
  background: #fff;
  border-radius: 5px;
  padding: 12px;
  min-height: auto;
}

.serverhdd .serverstatus {
  display: flex;
  align-items: center;
}

.serverhdd .serverstatus p {
  font-size: 16px;
  color: #6E7282;
  font-family: 'Inter-Regular';
  margin-bottom: 5px;
}

.serverhdd .serverstatus h4 {
  font-size: 20px;
  color: #4D4D4D;
  font-family: 'Inter-SemiBold';
  margin: 0;
}

/*System Monitor*/
.ramusage .hdr {
  border: 0;
}

.ramusage .content .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ramusage .content .column .text {
  margin-top: 15px;
}

.ramusage .content .column .text p {
  font-size: 14px;
  color: #838383;
  font-family: 'Inter-Medium';
  margin: 0 0 5px 0;
  text-align: left;
}

.ramusage .content .column .text h3 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 5px 0 0 0;
}

.ramusage .graph {
  position: relative;
}

.ramusage .content .column .text h3 span {
  font-size: 16px;
  font-family: 'Inter-Medium';
  color: #838383;
}

.ramusage .usedram {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 60px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.ramusage .usedram h2 {
  color: #050F34;
  top: 0;
  font-size: 40px;
  font-family: 'Inter-Bold';
  position: relative;
}

.ramusage .usedram h4 {
  color: #050F34;
  top: 30px;
  font-size: 18px;
  font-family: 'Inter-Medium';
  position: relative;
}


.cpuload .hdr {
  border: 0;
}

.cpuload .content .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cpuload .content .column ul.status {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  box-shadow: none;
}

.cpuload .content .column ul.status li {
  position: relative;
  font-size: 14px;
  padding: 0 20px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Inter-Regular';
  color: #2A3357;
}

.cpuload .content .column ul.status li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
  box-shadow: none;
}

.cpuload .content .column ul.status li.avg1::before {
  background: #FB8171;
}

.cpuload .content .column ul.status li.avg2::before {
  background: #26C3CC;
}

.cpuload .content .column ul.status li.avg3::before {
  background: #5763CE;
}

.cpustatus .hdr {
  border: 0;
}

.cpustatus .content {
  align-items: center;
  display: flex;
  justify-content: center;
}

.cpustatus .content .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cpustatus .content .column .listing {
  width: 100%;
  height: 263px;
}

.cpustatus .content .column .listing ul {
  margin: 0;
  padding: 0 10px;
  box-shadow: none !important;
}

.cpustatus .content .column .listing ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  font-size: 14px;
  font-family: 'Inter-Regular';
  padding: 8px 0;
}

.cpustatus .content .column .listing ul li:last-child {
  border: 0;
}

.cpustatus .content .column .listing p {
  margin: 0;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 14px;
}

.cpustatus .content .column .listing span {
  color: #050F34;
}

.cpustatus .content .column .listing .mCSB_inside>.mCSB_container {
  margin: 0;
}

.cpustatus .content .column .listing .mCSB_scrollTools .mCSB_draggerContainer {
  right: -16px;
}

.cpustatus .content .column .listing .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #fff;
}

.cpustatus .content .column .listing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
  background-color: #2A3357;
}

.cpustatus .content .column .staustime {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.cpustatus .content .column .staustime label {
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  color: #8C9096;
}

.cpustatus .content .column .staustime p {
  margin: 0;
  font-size: 16px;
  color: #2A3357;
  font-family: 'Inter-Regular';
}

.ram-intensive-processes .columnbox {
  min-height: auto;
}

.systemtabs .nav-pills {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  box-shadow: none !important;
  border: 1px solid #9DA4B5 !important;
  border-radius: 5px;
}

.systemtabs .nav-pills .nav-link {
  color: #050F34;
  font-size: 13px;
  font-family: 'Inter-Regular';
}

.systemtabs .nav-pills .nav-link:hover {
  color: #493309;
  background-color: #FFF5E2;
  border-radius: 2px 4px 4px 2px;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
}

.systemtabs .nav-pills .nav-link.active {
  color: #493309;
  background-color: #FFF5E2;
  border-radius: 2px 4px 4px 2px;
  font-family: 'Inter-SemiBold';
  font-size: 14px;
}

.tablebox .columnbox {
  min-height: auto;
}

/*Report*/
.reportmap .content {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 4px 20px #E5EAF2;
}

.reportmap .content h2 {
  font-size: 16px;
  color: #292929;
  font-family: 'Inter-Bold';
  margin: 0;
  position: relative;
  padding-left: 0;
  display: flex;
  align-items: center;
}

.reportmap .content .listing {
  border-top: 1px solid #6E7282;
  padding: 10px 0;
  margin: 10px 0 0 0;
}

.reportmap .content .listing ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reportmap .content .listing ul li {
  display: flex;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
  flex-direction: column;
}

.reportmap .content .listing ul li:hover {
  background: #f7f7fc;
}

.reportmap .content .listing ul li:last-child {
  border: 0;
}

.reportmap .content .listing ul li a {
  display: block;
  padding: 10px;
}

.reportmap .content .listing ul li h3 {
  font-size: 14px;
  font-family: 'Inter-Medium';
  color: #2A3357;
  margin-bottom: 2px;
}

.reportmap .content .listing ul li p {
  color: #6E7282;
  font-size: 13px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.admin-header .search-area.report {
  max-width: 240px;
}

.reportmap .content .dropdown-menu.show {
  position: relative !important;
  transform: none !important;
  left: 0 !important;
  top: inherit !important;
  will-change: inherit !important;
  border: 0;
  margin: 0;
  padding: 20px 20px 0 20px;
}

.reportmap .content .dropdown-menu.show ul>li {
  border: 0;
}

.reportmap .content .dropdown-menu.show ul>li>a {
  font-size: 16px;
  color: #6E7282;
  font-family: 'Inter-Medium';
}

.reportmap .content .dropdown-toggle::after {
  display: none;
}

.reportmap .content .downarrow {
  position: absolute;
  right: 10px;
  top: 18px;
}

/*Campaign Summury*/
.admin-header .search-area.campaing {
  max-width: 240px;
}

#campaignsummury .campaign-content {
  background: #fff;
  box-shadow: 0px 4px 20px #E5EAF2;
  border-radius: 5px;
  padding: 15px;
}

.heading-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.heading-content .activecampaign h3 {
  font-size: 18px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.heading-content .activecampaign span {
  margin-right: 5px;
}

.heading-content .campaign-status ul {
  list-style: none;
  margin: 0;
  display: flex;
}

.heading-content .campaign-status ul li {
  font-size: 13px;
  color: #2A3357;
  font-family: 'Inter-Regular';
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}

.heading-content .campaign-status ul li::before {
  height: 12px;
  width: 12px;
  position: absolute;
  content: '';
  left: 0;
  top: 3px;
  border-radius: 50%;
}

.heading-content .campaign-status ul li.incall::before {
  background: #FB8171;
}

.heading-content .campaign-status ul li.waiting::before {
  background: #F4C862;
}

.heading-content .campaign-status ul li.paused::before {
  background: #419DDC;
}

.campaign-content {
  margin-bottom: 15px;
}

.campaign-content .column {
  display: flex;
  justify-content: space-between;
  transition: 0.5s;
}

.campaign-content .column .campaign-details {
  display: flex;
  align-items: center;
}

.campaign-content .column .agent-status {
  display: flex;
}

.campaign-content .column .agent-status p {
  margin: 0 15px 0 0;
  color: #6e7282;
  font-size: 14px;
  font-family: 'Inter-Medium';
}

.campaign-content .column .agent-status span {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Bold';
}

.campaign-content .campaign-name {
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin-right: 24px;
}

.campaign-content .viewdetaisl {
  display: none;
}

.campaign-content:hover .viewdetaisl {
  display: flex;
  align-items: center;
}

.campaign-content:hover .viewdetaisl a {
  margin: 0 10px;
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Medium';
}

.campaign-content:hover .viewdetaisl a:hover {
  color: #6e7282;
}

.campaign-content .progress {
  height: 10px;
}

.campaign-content .progress .incall {
  background: #FB8171;
}

.campaign-content .progress .waiting {
  background: #F4C862;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.campaign-content .progress .paused {
  background: #419DDC;
}

.campaign-content .progress-bar {
  height: 10px;
}

.campagin-details-popup .modal-dialog {
  max-width: 60%;
}

.campagin-details-popup .modal-title {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.campagin-details-popup .modal-content {
  border-radius: 0;
  border: 0;
}

.campagin-details-popup .modal-header {
  border-color: #EFEFEF;
}

.campagin-details-popup p {
  font-size: 13px;
  color: #050F34;
  font-family: 'Inter-Regular';
  margin: 0;
}

/*Add Email Group popup*/

.filterpopup {
  opacity: 0;
  right: -530px;
  transition: right 0.3s ease;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  height: 100%;
}

.filterpopup.active {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.filterpopup.active .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
  height: 100%;
  position: relative;
}

.filterpopup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
}

.filterpopup .popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.filterpopup .content .form-control {
  border-color: #A0A8C8;
  font-size: 13px;
}

.filterpopup .content .form-control::placeholder {
  color: #8C9096;
  opacity: 1;
}

.filterpopup .buttons_row {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 0 15px;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
}

.filterpopup .buttons_row .default_btn2 {
  max-width: 104px;
  width: 100%;
}

.filterpopup .content {
  height: 78vh;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  padding-bottom: 0px;
  padding-left: 8px;
}

.filterpopup .content::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.filterpopup .content::-webkit-scrollbar-track {
  background: transparent;
}

.filterpopup .content::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.filterpopup .content::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.filterpopup .content .radiobuttons {
  display: flex;
}

.filterpopup .content .radiobuttons label {
  display: flex;
  margin: 0;
}

.filterpopup .content .radiobuttons label p {
  margin: 0 10px 0 5px;
  font-family: 'Inter-Regular';
  font-size: 14px;
  color: #050F34;
}

.filterpopup .content .radiobuttons label:focus-within {
  color: #050F34;
}

.filterpopup .content .radiobuttons input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 1px solid #8391C6;
}

.filterpopup .content .radiobuttons input[type="radio"]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #fff;
  border: 4px solid var(--button);
}

.filterpopup .content .radiobuttons input[type="radio"]:checked::before {
  transform: scale(1);
}

.filterpopup .content .form-group {
  position: relative;
}

.filterpopup .content .multi-select .form-control {
  height: 53px;
}

.filterpopup .content .calendar {
  position: absolute;
  top: 30px;
  right: 10px;
}

.multi-select {
  position: relative;
}

.multi-select .form-control {
  height: 53px;
}

/*.multi-select ul { list-style: none; display: flex; margin: 0; position: absolute; top: 42px; left: 6px; }*/
.multi-select ul {
  list-style: none;
  display: flex;
  margin: 0;
  position: absolute !important;
  top: 42px !important;
  left: 6px;
  height: auto !important;
  z-index: inherit !important;
}

.multi-select ul li a {
  background: #E0E2E9;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-SemiBold';
  margin: 0 2px;
}

.multi-select ul li a span {
  position: relative;
  display: inline-block;
  top: -1px;
  left: 3px;
}

/*user Listing*/
.userfilterpopup {
  opacity: 0;
  right: -570px;
  transition: right 0.3s ease;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  height: 100%;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
}

.userfilterpopup.active {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.userfilterpopup.active .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
  height: 100%;
  position: relative;
}

/* .userfilterpopup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 0;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  height: 70px;
  align-items: center;
} */

.userfilterpopup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  height: 65px;
}

.userfilterpopup .popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.userfilterpopup .content .form-control {
  border-color: #A0A8C8;
  font-size: 13px;
}

.userfilterpopup .content .form-control::placeholder {
  color: #8C9096;
  opacity: 1;
}

.userfilterpopup .buttons_row {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 0 15px;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
  height: 70px;
  z-index: 10;
  align-items: center;
}
.userfilterpopup .buttons_row .default_btn2 {
  max-width: 104px;
  width: 100%;
}

.userfilterpopup .content {
  height: calc(100vh - 150px);
  overflow-y: auto;
  scrollbar-color: #D4DDF2 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 10px;
  overscroll-behavior: none;
}

.userfilterpopup .content::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

.userfilterpopup .content::-webkit-scrollbar-track {
  background: transparent;
}
.userfilterpopup .content::-webkit-scrollbar-thumb {
  background: #D4DDF2;
  border-radius: 14px;
}
.userfilterpopup .content::-webkit-scrollbar-thumb:hover {
  background: #D4DDF2;
}

.userfilterpopup .content .calendar {
  position: absolute;
  top: 36px;
  right: 10px;
  cursor: pointer;
}

/*.usercontent table.listing-table-content tr { position:relative; }*/
.listcontent table.listing-table-content {
  border-collapse: separate;
  border-spacing: 0 4px;
  overflow: visible;
}

.listcontent table.listing-table-content td {
  vertical-align: middle;
  padding: 0px 12px;
  font-size: 12px;
  background-color: #ffffff;
  height: 45px;
}
.listcontent table.listing-table-content td a.alllink2 { font-size: 12px; }
.listcontent table.listing-table-content tbody tr {
  background-color: transparent;
  position: relative;
}

.listcontent table.listing-table-content tr .link-listing {
  display: none;
}

.listcontent table.listing-table-content tr:hover .link-listing {
  position: absolute;
  right: 0px;
  background: linear-gradient(269.83deg, #F0F4FC 71.5%, rgba(240, 244, 252, 0) 99.11%);
  border: 0 !important;
  max-width: 320px;
  width: 100%;
  display: table;
}
/*.listcontent table.listing-table-content td:first-child { border-radius: 5px 0px 0px 5px; }
.listcontent table.listing-table-content td:last-child { border-radius: 0px 5px 5px 0px; }*/
/* .listcontent table.listing-table-content tr .link-listing ul {
  margin: 0;
  list-style: none;
  display: flex;
  margin-left: auto;
} */

.listcontent table.listing-table-content tr .link-listing ul {
  margin: 0;
  list-style: none;
  margin-left: auto;
  display: flex;
  justify-content: end;
  align-items: center;
  display: -webkit-flex;
  -webkit-justify-content: end;
  -webkit-align-items: center;
  height: 37px;
}

.listcontent table.listing-table-content tr .link-listing ul li {
  margin: 0 7px;
}

.listcontent table.listing-table-content tr .link-listing ul li a {
  margin: 0px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.listcontent table.listing-table-content tr .link-listing ul li a:hover {
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.listcontent table.listing-table-content .alllink {
  font-family: 'Inter-Regular';
  font-size: 12px;
}

.listcontent table.listing-table-content tr .link-listing2 {
  display: none;
}

.listcontent table.listing-table-content tr:hover .link-listing2 {
  display: flex;
  position: absolute;
  right: 0px;
  background: linear-gradient(269.83deg, #ffffff 71.5%, rgba(240, 244, 252, 0) 99.11%);
  padding: 11px 0;
  border: 0 !important;
  max-width: 320px;
  width: 100%;
}

.listcontent table.listing-table-content tr .link-listing2 ul {
  margin: 0;
  list-style: none;
  display: flex;
  margin-left: auto;
  box-shadow: none !important;
}

.listcontent table.listing-table-content tr .link-listing ul li {
  margin: 0 7px;
}

.listcontent table.listing-table-content tr .link-listing2 ul li a {
  margin: 0px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.listcontent table.listing-table-content tr .link-listing2 ul li a:hover {
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.listcontent .tableselect {
  display: flex;
  column-gap: 3px;
}

.listcontent .tableselect select {
  border-radius: 4px;
  color: #2A3357;
  font-family: 'Inter-Regular';
  font-size: 12px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  border: 0;
  width: auto;
  padding: 5px 18px 5px 5px;
  background: #F7F7FC;
  background-image: url(../images/selectarrow.svg);
  background-repeat: no-repeat;
  background-position: right;
}

.listcontent .tableselect2 select {
  border-radius: 4px;
  color: #2A3357;
  font-family: 'Inter-Regular';
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  border: 1px solid transparent;
  width: 100%;
  padding: 5px;
  background: #fff;
}
.listcontent tr:hover .tableselect2 select {
  border: 1px solid #F7F7FC;
  background: url(../images/selectarrow.svg) 96% no-repeat #fff;
}
.listcontent .tableselect2 select:hover {
  /*appearance:checkbox; -webkit-appearance:checkbox; -moz-appearance:checkbox; -ms-appearance:checkbox;*/
  /*border: 1px solid #F7F7FC;
  background: url(../images/selectarrow.svg) 96% no-repeat #fff;*/
}

.listcontent td.livestatus {
  position: relative;
}

.listcontent td.livestatus span {
  margin-left: 0px;
  font-size: 12px;
  line-height: 17px;
  display: inline-block;
  padding: 4px 8px 4px 15px;
  border-radius: 30px;
  position: relative;
}

.listcontent td.livestatus span.incall {
  color: #17B93B;
  background: #EDFFEA;
}

.listcontent td.livestatus span.incall::before {
  width: 6px;
  height: 6px;
  background: #17B93B;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.paused {
  color: #E37537;
  background: #FFF1E4;
}

.listcontent td.livestatus span.paused::before {
  width: 6px;
  height: 6px;
  background: #E37537;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.notavailable {
  color: #666;
  background: #f1f1f1;
}

.listcontent td.livestatus span.notavailable::before {
  width: 6px;
  height: 6px;
  background: #666;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.dead {
  color: #ee3535;
  background: #ffe5e5;
}

.listcontent td.livestatus span.dead::before {
  width: 6px;
  height: 6px;
  background: #ee3535;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.ready {
  color: #1375B4;
  background: #D3EFFF;
}

.listcontent td.livestatus span.ready::before {
  width: 6px;
  height: 6px;
  background: #1375B4;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.queue {
  color: #F7B400;
  background: #fcf4de;
}

.listcontent td.livestatus span.queue::before {
  width: 6px;
  height: 6px;
  background: #F7B400;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.closer {
  color: #e83535;
  background: #fee3e3;
}

.listcontent td.livestatus span.closer::before {
  width: 6px;
  height: 6px;
  background: #e83535;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent td.livestatus span.mqueue {
  color: #9b59b6;
  background: #f2d9fc;
}

.listcontent td.livestatus span.mqueue::before {
  width: 6px;
  height: 6px;
  background: #9b59b6;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.listcontent .statusselect .dropdown-toggle::after {
  display: none;
}

.listcontent .statusselect {
  position: relative;
}

.listcontent .statusselect a {
  display: flex;
  justify-content: center;
  padding: 10px 5px;
  border: 1px solid transparent;
  max-width: 45px;
  width: 100%;
  border-radius: 4px;
  position: relative;
}

#list_in_campaign .statusselect a img {
  display: block;
  position: absolute;
  right: 4px;
  top: 5px;
}
#list_in_campaign .statusselect a:hover {
  border: 1px solid #F7F7FC;
}

.listcontent .statusselect a img {
  display: none;
  margin-left: 5px;
}

.listcontent .statusselect a:hover {
  border: 1px solid #F7F7FC;
}

.listcontent .statusselect a:hover img {
  display: block;
  position: absolute;
  right: 4px;
  top: 7px;
}

.listcontent .statusselect a.active span {
  width: 10px;
  height: 10px;
  background: #17B93B;
  border-radius: 50%;
  content: '';
}

.listcontent .statusselect a.inactive span {
  width: 10px;
  height: 10px;
  background: #e74c3c;
  border-radius: 50%;
  content: '';
}

.listcontent .statusselect a span {
  position: relative;
  left: -8px;
}

.listcontent .statusselect ul {
  display: none;
  margin: 0;
}

.listcontent .statusselect a {
  border: 1px solid transparent;
}

.listcontent .statusselect a:hover {
  border: 1px solid #F7F7FC;
}

.listcontent .statusselect img {
  display: block;
}

.listcontent .statusselect .dropdown-menu.show {
  background: transparent !important;
  box-shadow: none !important;
  /*transform:none !important;*/
  /*will-change: inherit !important;*/
  /*top: 32px !important;*/
}

.listcontent .statusselect .dropdown-menu ul {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  list-style: none;
  z-index: 99;
  right: 0px;
  padding: 10px;
  text-align: left;
  flex-direction: column;
}

.listcontent .statusselect .dropdown-menu ul li a {
  border: 0 !important;
  padding: 5px 10px;
  text-align: left;
  display: flex;
  justify-content: left;
  color: #050F34;
  font-size: 12px;
  position: relative;
}

.listcontent .statusselect .dropdown-menu ul li a::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
}

.listcontent .statusselect .dropdown-menu ul li a.active::before {
  background: #17B93B;
}

.listcontent .statusselect .dropdown-menu ul li a.inactive::before {
  background: #e83535;
}

.listcontent .statusselect .dropdown-menu ul li a:hover {
  color: #838383;
}

.data-table-permissions {
  display: flex;
  padding-right: 15px;
}
.data-table-permissions a {
  margin: 0 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-table-permissions a:hover {
  background: #f4f4f4;
}

/*Add Content Popup*/
/* .popupcontent { opacity:0; right:-530px; transition:right 0.3s ease; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:99999; height:100%; width:0; } */
.popupcontent {
  opacity: 0;
  right: -560px;
  transition: right 0.3s ease;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  height: 100%;
  width: 0;
}

.popupcontent.display {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.popupcontent.display .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px 50px 15px;
  height: 100%;
  position: relative;
}

.popupcontent.active {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.popupcontent.active .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px 70px 15px;
  height: 100%;
  position: relative;
  z-index: 9;

}

.popupcontent .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  height: 65px;
}

.popupcontent .popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.popupcontent .content .form-control {
  border-color: #A0A8C8;
  font-size: 13px;
}

.popupcontent .content .form-control::placeholder {
  color: #8C9096;
  opacity: 1;
}

.popupcontent .buttons_row {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 0 15px;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
  z-index: 10;
  height: 70px;
  align-items: center;
}

/* .popupcontent .buttons_row .default_btn2 {
  max-width: 104px;
  width: 100%;
} */
.popupcontent .buttons_row .default_btn2 {
  width: auto;
  padding: 9px 15px;
}
.popupcontent .content {
  height: calc(100vh - 150px);
  overflow-y: auto;
  scrollbar-color: #D4DDF2 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 10px;
  overscroll-behavior: none;
}

.popupcontent .content::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

.popupcontent .content::-webkit-scrollbar-track {
  background: transparent;
}

.popupcontent .content::-webkit-scrollbar-thumb {
  background: #D4DDF2;
  border-radius: 14px;
}

.popupcontent .content::-webkit-scrollbar-thumb:hover {
  background: #D4DDF2;
}





.popupcontent .content .campaign-textfield {
  resize: none;
  height: 70px;
}

.popupcontent .backarrow {
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.popupcontent .backarrow img {
  transform: rotate(90deg);
}

/*Popup Header*/
.popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
}

.popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

/*User Territory*/
table.userterritory tr:hover .link-listing {
  padding: 5px 0 6px 0 !important;
  max-width: 200px !important;
}

/*Campaign List*/
.campdetails-content .cardbox p { color: #050F34 !important; margin-bottom: 0; font-size: 14px; font-family: 'Inter-Regular'; }
.listcontent table.campaignlist tr:hover .link-listing {
  max-width: 420px;
}

.listcontent .link-listing .dropdown-menu ul {
  display: flex;
  flex-direction: column;
}

.listcontent .link-listing .dropdown-menu ul li a {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  font-size: 13px;
  color: #050F34 !important;
  justify-content: left !important;
  padding: 5px;
}

.listcontent .link-listing .dropdown-menu ul li a:hover {
  color: var(--button) !important;
}

.listcontent .dropdown-menu.show {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15) !important;
  border: 0 !important;
}

/*User Status Popup*/
.user-status-popup {
  opacity: 0;
  right: -530px;
  transition: right 0.3s ease;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  height: 100%;
}

.user-status-popup.show {
  right: 0;
  opacity: 1;
  max-width: 100%;
  width: 100%;
}

.user-status-popup.show .module-content {
  background: #fff;
  max-width: 530px;
  width: 100%;
  margin-left: auto;
  padding: 0 15px;
  height: 100%;
  position: relative;
}

.user-status-popup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  height: 65px;

}

.user-status-popup .popup-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.user-status-popup .content .form-control {
  border-color: #A0A8C8;
  font-size: 13px;
}

.user-status-popup .content .form-control::placeholder {
  color: #8C9096;
  opacity: 1;
}

.user-status-popup .buttons_row {
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 0 15px;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
  z-index: 2;
  height: 70px;
}

.user-status-popup .buttons_row .default_btn2 {
  max-width: 104px;
  width: 100%;
}

.user-status-popup .content p {
  font-size: 13px;
  color: #050F34;
  font-family: 'Inter-Regular';
  margin: 0;
}

/* .user-status-popup .content {
  height: 78vh;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  padding-bottom: 0px;
  padding-left: 8px;
} */

.user-status-popup .content {
  height: calc(100vh - 150px);
  overflow-y: auto;
  scrollbar-color: #D4DDF2 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 10px;
  overscroll-behavior: none;
}

.user-status-popup .content::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}

.user-status-popup .content::-webkit-scrollbar-track {
  background: transparent;
}

.user-status-popup .content::-webkit-scrollbar-thumb {
  background: #D4DDF2;
  border-radius: 14px;
}

.user-status-popup .content::-webkit-scrollbar-thumb:hover {
  background: #D4DDF2;
}
.user-status-popup .content .current-login span {
  font-size: 13px;
  line-height: 17px;
  display: inline-block;
  padding: 4px 8px 4px 15px;
  border-radius: 30px;
  position: relative;
  font-family: 'Inter-Regular';
}

.user-status-popup .content .current-login span.logged {
  color: #17B93B;
  background: #EDFFEA;
}

.user-status-popup .content .current-login span.logged::before {
  width: 6px;
  height: 6px;
  background: #17B93B;
  position: absolute;
  border-radius: 50%;
  content: '';
  top: 10px;
  left: 5px;
}

.user-status-popup .content::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.user-status-popup .content::-webkit-scrollbar-track {
  background: transparent;
}

.user-status-popup .content::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.user-status-popup .content::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

/*List and Lead*/
.leadcontent h4 {
  color: #050F34;
  font-family: 'Inter-SemiBold';
  font-size: 16px;
}

.listcontent table.listlead tr:hover .link-listing {
  max-width: 400px;
}

.searcharchive {
  align-items: center;
}

.searcharchive label {
  font-size: 14px;
  color: #4D4D4D;
  font-family: 'Inter-Medium';
  display: flex;
  align-items: center;
  cursor: auto;
}

.searcharchive label::before {
  margin-right: 10px;
  border: solid 1px var(--button);
}

.searcharchive .tablecheck input:checked+label:before {
  background: var(--button);
}

.searcharchive .tablecheck input:checked+label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  top: 2px;
}

.searcharchive a {
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-Medium';
}

.searcharchive a:hover {
  color: var(--button);
}

/* .searchlead .default_btn2 {
  max-width: 115px !important;
} */

.addbtn .dropdown-menu {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: 0;
}

.addbtn .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

.addbtn .dropdown-menu a {
  border: 0;
  padding: 5px 10px;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 13px;
  border-radius: 0;
}

.addbtn .dropdown-toggle::after {
  display: none;
}

/*script Listing*/
.preview-script #popupFrame {
  width: 100% !important;
}
.listcontent table.scriptlist tr:hover .link-listing {
  border: 0 !important;
  max-width: 150px;
}
.scriptlist .color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.addscriptbox {
  display: flex;
  column-gap: 10px;
}

.script-content {
  border: 1px solid #8391C6;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-weight: normal;
  padding: 10px;
  height: 137px;
  overflow-y: auto;
  scrollbar-color: #F5F7FA #F5F7FA;
  scrollbar-width: thin;
}

.script-content h3 {
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 16px;
}

.script-content p {
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 16px;
}

.script-content::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.script-content::-webkit-scrollbar-track {
  background: transparent;
}

.script-content::-webkit-scrollbar-thumb {
  background: #F5F7FA;
  border-radius: 14px;
}

.script-content::-webkit-scrollbar-thumb:hover {
  background: #F5F7FA;
}

.preview-script {
  background: #FAFCFF;
  padding: 50px;
  height: auto;
}

.preview-script h3 {
  font-size: 18px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin-bottom: 15px;
}

.preview-script p {
  font-size: 12px;
  color: #050F34;
  font-family: 'Inter-Regular';
  margin-bottom: 10px;
  word-break: break-word;
}

.scriptpopupcontent {
  display: none;
}

.scriptpopupcontent.active {
  display: block;
}
.assigned-add-campaign .modal-dialog  {
  max-width: 460px;
  width: 100%;
  top: 58px;
}
.assigned-add-campaign .modal-content {
  border-radius: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border: 0;
}
.assigned-campaign-popup .modal-content {
  border-radius: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.assign-campaign {
  position: relative;
}
.assign-campaign ul.addcampaignlist {
  display: none;
}
.assign-campaign:hover ul.addcampaignlist {
  display: flex;
  position: absolute;
  flex-direction: column;
  width: 300px;
  float: left;
  max-height: 200px;
  overflow-y: auto !important;
  scrollbar-color: #0F78F2 #e4f4fc;
  scrollbar-width: thin;
  background: #fff;
  z-index: 9;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  top: 45px;
  padding: 15px;
}
.form-control.script_camp_add option { font-family: arial; }
.assign-campaign ul.addcampaignlist::-webkit-scrollbar { width: 8px; height: 14px; }
.assign-campaign ul.addcampaignlist::-webkit-scrollbar-track { background: transparent; }
.assign-campaign ul.addcampaignlist::-webkit-scrollbar-thumb { background: #0F78F2; border-radius: 14px; }
.assign-campaign ul.addcampaignlist::-webkit-scrollbar-thumb:hover { background: #0F78F2; }
.assign-campaign ul.addcampaignlist:hover { overflow-y: auto; }


.assign-campaign:hover ul.addcampaignlist li {
  background: #F7F7FC;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin: 5px 0;
  border-radius: 4px;
}

.assign-campaign:hover ul.addcampaignlist p {
  margin: 0;
  font-family: "Inter-Regular";
  color: #2A3357;
  font-size: 14px;
}

.addcampaignlist .hdr {
  display: flex;
  justify-content: space-between;
  align-content: center;
  /* height: 40px;
  position: sticky;
  top: 0;
  z-index: 9; */
  background: #fff;
  margin-bottom: 10px;
}

.addcampaignlist .hdr h2 {
  color: #6E7282;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  margin: 0;
}
.addcampaignlist .hdr .alllink2.add_camp_script_btn { font-size: 14px; }
.add_script_content .content,
.callnotesbox .content {
  overflow-x: hidden;
}
.addcampaignlist .hdr .alllink2.add_camp_script_btn img {
  margin-right: 4px !important;
}
/*User Modify*/
.custome-switch.headerswitch .btn-toggle.btn-sm::before {
  display: none;
}

.custome-switch.headerswitch .btn-toggle.btn-sm.btn-sm::after {
  display: none;
}

.custome-switch.headerswitch .btn-toggle.btn-sm.active>.handle {
  width: 10px;
  height: 10px;
  left: 22px;
}

.custome-switch.headerswitch .btn-toggle {
  height: 16px;
  width: 35px;
}

.custome-switch.headerswitch .btn-toggle.btn-sm>.handle {
  width: 10px;
  height: 10px;
  top: 2px;
  left: 3px;
}

.adminoptions .custome-switch .btn-toggle.btn-sm::before {
  content: 'Off';
}

.adminoptions .custome-switch .btn-toggle.btn-sm::after {
  content: 'On';
}

.usermodify .customtab ul {
  box-shadow: 0px 2px 6px #E7EBF1;
  border: 0;
  background: #fff;
  position: sticky;
  top: 0;
  height: auto;
  z-index: 9;
  padding: 0 10px;
}

.modifyfooter {
  background: #FFFFFF;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 10px 20px;
  margin-top: 10px;
  position: sticky;
  bottom: 0px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  z-index: 10;
  align-items: center;
}

.modifyfooter.leadinfo-footer .form-group {
  display: flex;
  align-content: center;
  margin: 0;
  max-width: 340px;
  width: 100%;
}

.modifyfooter.leadinfo-footer .form-group label {
  margin: 0;
  flex: 30%;
  display: flex;
  align-items: center;
}

.interfacebox .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.interfacebox .custome-switch.afterborder:after {
  display: none;
}

.interfacebox {
  border-bottom: 1px solid #EFEFEF;
}

.interfacebox .form-group p {
  color: #050F34;
  font-family: 'Inter-Regular';
}

.usermodify #basicdetails {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
  padding: 20px;
}

.usermodify .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #6E7282;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

.usermodify .content .cardbox {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
  padding: 20px;
}

#campaignranks .content .table-content th {
  border-bottom: 0 !important;
  background: #F4F9FE;
}

.agentinterface-content {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
  padding: 20px;
}

.admininterface-content .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  position: absolute;
  right: -10px;
}

.admininterface-content .custome-switch.afterborder:after {
  display: none;
}

.usermodify .custome-switch {
  position: relative;
  align-items: center;
}

.usermodify .custome-switch label {
  max-width: 150px;
  width: 100%;
}
.movetobox {
  max-width: 200px;
  width: 100%;
}
.movetobox .form-group label {
  position: absolute;
  margin: 0;
  top: -9px;
  left: 7px;
  background: #fff;
  padding: 0 5px;
}

/*user Stats*/
.userstats-content .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #2A3357;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

.userstats-content .content h4 {
  font-size: 16px;
  font-family: 'Inter-Medium';
  color: #050F34;
}

.userstats-content .content .cardbox {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
  padding: 20px;
}

.userstats-content .footer-pagination .pagination {
  background: transparent;
  box-shadow: none;
}

/*User Time Sheet*/
.usertimesheet.popupcontent.active .module-content {
  max-width: 710px;
  width: 100%;
}

.usertimesheet.popupcontent .content {
  height: 95vh;
}

.timesheetlist .table-content th {
  border-bottom: 0 !important;
  background: #F4F9FE;
}

.timesheetlist .table-header h2 {
  font-size: 16px;
  font-family: 'Inter-Medium';
  display: flex;
  align-items: center;
}

.timesheetlist .table-header p {
  margin: 0 0 0 10px;
  font-family: 'Inter-Medium';
  font-size: 14px;
  color: #6E7282;
  position: relative;
  padding-left: 10px;
}

.timesheetlist .table-header p::before {
  background: #9DA4B5;
  position: absolute;
  top: 4px;
  height: 10px;
  width: 1px;
  content: '';
  left: 0;
}

.usertimesheet .calendar {
  margin-right: 10px;
  position: absolute;
  top: 9px;
  right: 0;
}
.usertimesheet .calendar label { margin-bottom: 0 !important; cursor: pointer;}
.usertimesheet .calendar a {
  display: flex;
  align-items: center;
}

.usertimesheet .calendar p {
  margin: 0 5px;
  font-size: 13px;
  color: #2A3357;
  font-family: 'Inter-Medium';
}

.timesheetlist .table-header .alllink2 {
  color: var(--button);
}

.timesheetlist .table-header .alllink2:hover {
  color: #050F34;
}

.callactiviy .hdr {
  display: flex;
  justify-content: space-between;
}

.callactiviy .hdr h2 {
  font-size: 16px;
  font-family: 'Inter-Medium';
  margin: 0;
  display: flex;
  align-items: center;
}

.callactiviy .hdr p {
  margin: 0 0 0 10px;
  font-family: 'Inter-Medium';
  font-size: 14px;
  color: #6E7282;
  position: relative;
  padding-left: 10px;
}

.callactiviy .hdr p::before {
  background: #9DA4B5;
  position: absolute;
  top: 4px;
  height: 10px;
  width: 1px;
  content: '';
  left: 0;
}

.callactiviy .hdr span {
  color: #050F34;
}

.callactiviy .graphbox {
  display: flex;
  align-items: center;
}

.callactiviy {
  background: #F4F9FE;
  border-radius: 4px;
  padding: 15px;
}

.callactiviy .graphbox .statuslist {
  display: flex;
  justify-content: end;
}

.callactiviy .graphbox .statuslist ul {
  list-style: none;
  margin: 0;
}

.callactiviy .graphbox .statuslist ul li {
  position: relative;
  font-size: 14px;
  padding: 0 0px 0 20px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.callactiviy .graphbox .statuslist ul li p {
  margin: 0;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 14px;
}

.callactiviy .graphbox .statuslist ul li::before {
  width: 7px;
  height: 7px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.callactiviy .graphbox .statuslist ul li span {
  margin-left: 15px;
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-SemiBold';
}

.callactiviy .graphbox .statuslist ul li.talktime::before {
  background: #FFA370;
}

.callactiviy .graphbox .statuslist ul li.pausetime::before {
  background: #DA85FF;
}

.callactiviy .graphbox .statuslist ul li.waittime::before {
  background: #5A9CFF;
}

.callactiviy .graphbox .statuslist ul li.wrapuptime::before {
  background: #23DEEA;
}

.usertimesheet .logintimebox {
  padding: 20px 0 0 0;
}

.usertimesheet .logintimebox .firstlogin {
  border-bottom: 1px solid #EFEFEF;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}

.usertimesheet .logintimebox h3 {
  color: #6E7282;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  margin: 0 0 5px 0;
}

.usertimesheet .logintimebox p {
  font-size: 16px;
  color: #050F34;
  margin: 0;
  font-family: 'Inter-Regular';
}

.active-time {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 30px);
  height: 100%;
}

.active-time h3 {
  margin: 0;
  font-size: 18px;
  font-family: 'Inter-SemiBold';
}

.active-time p {
  margin: 0;
}

#talkSecChart {
  position: relative !important;
  z-index: 99;
}

#timesheet.table-content td {
  font-size: 12px;
}

/*Campaign Modify*/
/*.campaignmodify .customtab ul { box-shadow: 0px 2px 6px #E7EBF1; border: 0; background: #fff; }*/
.campaignmodify .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

.campaignmodify .content .cardbox {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
  padding: 20px;
}

.recycling-content table.listing-table-content tr:hover .link-listing {
  max-width: 120px !important;
}

.listmix-content table.listing-table-content tr:hover .link-listing {
  max-width: 120px !important;
}

.choosefile .form-control {
  position: relative;
  z-index: 1;
  background: transparent;
  line-height: 22px;
}

.choosefile input[type="file"]::file-selector-button {
  padding: .2em .4em;
  border-radius: .2em;
  transition: 1s;
  border: 0;
  opacity: 0;
  right: 11px;
  position: absolute;
  height: 33px;
  bottom: 17px;
  border-radius: 5px;
  z-index: 1;
  cursor: pointer;
}

.choosefile span {
  position: absolute;
  background: #fff;
  height: auto;
  bottom: 5px;
  border-radius: 5px;
  opacity: 1;
  right: 8px;
  font-size: 14px;
  color: var(--button);
  z-index: 0;
  padding: 5px;
}

.audiopopup span {
  position: absolute;
  background: #fff;
  height: auto;
  bottom: 5px;
  border-radius: 5px;
  opacity: 1;
  right: 8px;
  font-size: 14px;
  color: var(--button);
  z-index: 0;
  padding: 5px;
}

.audioparkmoh.active .module-content {
  max-width: 750px;
}


.rowborder {
  border-bottom: 1px solid #9DA4B5;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.campaignmodify .custome-switch {
  align-items: center;
}

.campaignmodify .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.campaignmodify .custome-switch.afterborder::after {
  display: none;
}

.campaignmodify .multi-select a {
  font-family: 'Inter-Regular';
  font-size: 14px;
  color: #050F34;
}

.campaignmodify .multi-select a>strong {
  font-family: 'Inter-SemiBold';
  font-weight: normal;
}

.campaignmodify .agc-screen-clipboard .dispocallurl {
  flex: 2;
}

/*campaign statuses*/
.campaignmodify a.addbtn {
  color: var(--button);
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  border: 1px solid var(--button);
  padding: 9px;
  font-family: 'Inter-SemiBold';
}

.campaignmodify a.addbtn img {
  margin-right: 5px;
}

.campaignmodify a.addbtn:hover {
  background: #e8f2fe;
}

.autoaltdial-content .altdial-status {
  background: #E0E2E9;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-SemiBold';
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}

.addaltdialstatus .modal-header .modal-title {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
}

.addaltdialstatus .modal-header {
  border-bottom: 1px solid #EFEFEF;
}

.addaltdialstatus .modal-content {
  border-radius: 0;
}

.addaltdialstatus .modal {
  padding: 0 !important;
}

.addlistmix_popup.active .module-content {
  max-width: 900px;
  width: 100%;
}

.addlistmix_popup .addlistpoup:hover {
  background: #e8f2fe !important;
  color: var(--button) !important;
}

.modaladdlist .modal {
  padding: 0 !important;
  top: 10%;
}

.modaladdlist .modal-header {
  border-bottom: 1px solid #EFEFEF;
  align-items: center;
}

.modaladdlist .modal-title {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
}

.modaladdlist .modal-header .dropdown-toggle {
  padding: 5px 0 0 0;
  display: inline-block;
}

.modaladdlist .modal-header .dropdown-toggle::after {
  display: none;
}

.modaladdlist .modal-header .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.modaladdlist .modal-header .dropdown-menu ul li {
  padding: 5px 10px;
}

.modaladdlist .modal-header .dropdown-menu ul li a {
  color: #050F34;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.modaladdlist .modal-header .dropdown-menu.show {
  display: block;
  transform: inherit !important;
  left: inherit !important;
  top: 60px !important;
  right: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0 !important;
}

.addlistmix_popup.popupcontent.active {
  z-index: 999;
}

.addlistmix_popup .addlistpoup {
  border: 1px solid var(--button) !important;
  color: var(--button) !important;
  margin-right: 0;
}

.addlistmix_popup .addlistpoup:hover {
  background: #e8f2fe !important;
  color: var(--button) !important;
}

.listmix-listing .table-content th {
  background-color: #F7F7FC !important;
  border-bottom: 0 !important;
}

.addlistmixdetails .popup-header .dropdown-toggle {
  padding: 3px 15px 0 0;
  display: inline-block;
}

.addlistmixdetails .popup-header .dropdown-toggle::after {
  display: none;
}

.addlistmixdetails .popup-header .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.addlistmixdetails .popup-header .dropdown-menu ul li {
  padding: 5px 10px;
}

.addlistmixdetails .popup-header .dropdown-menu ul li a {
  color: #050F34;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.addlistmixdetails .popup-header .dropdown-menu.show {
  display: block;
  transform: inherit !important;
  left: inherit !important;
  top: 60px !important;
  right: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0 !important;
}

.listcontent .recycling-content table tr:hover .link-listing2 {
  padding: 9px 0;
}

.listcontent .listmix-content table tr:hover .link-listing2 {
  padding: 9px 0;
}

/*List Modify*/
.listdeatils-content .form-group .calender {
  position: absolute;
  top: 33px;
  right: 10px;
}

.listdeatils-content .form-group .clock {
  position: absolute;
  top: 33px;
  right: 10px;
}

.dncnumber-content .link-listing {
  max-width: 100px !important;
  padding: 9px 0 !important;
}

.dncnumber-content .link-listing ul {
  box-shadow: none;
  background: transparent;
}

.dncnumber-content .dncnumber-table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dncnumber-content .dncnumber-table-header h2 {
  display: inline-block;
  font-family: 'Inter-Bold';
  font-size: 18px;
  color: #050F34;
  margin: 0;
}

.dncnumber-content .dncnumber-table-header .alllink {
  padding: 5px 10px;
  border-radius: 4px;
}

.dncnumber-content .dncnumber-table-header .alllink:hover {
  background: #e8f2fe;
  color: #050F34;
}

.dncnumber-table-header .title {
  display: flex;
  align-items: center;
}

.dncnumber-table-header .search-area {
  max-width: 240px;
}

.dncnumber-table-header .search-area .searchicon {
  position: absolute;
  top: 6px;
  left: 10px;
}

.dncnumber-table-header .search-area .form-control {
  color: #2A3357;
  font-size: 15px;
  padding-left: 30px;
}

.dncnumber-table-header .search-area .form-control::placeholder {
  color: #8C9096;
}

/*hotkey*/
.hotkey_popup .popup-header .dropdown-toggle {
  padding: 3px 15px 0 0;
  display: inline-block;
}

.hotkey_popup .popup-header .dropdown-toggle::after {
  display: none;
}

.hotkey_popup .popup-header .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.hotkey_popup .popup-header .dropdown-menu ul li {
  padding: 5px 10px;
}

.hotkey_popup .popup-header .dropdown-menu ul li a {
  color: #050F34;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.hotkey_popup .popup-header .dropdown-menu.show {
  display: block;
  transform: inherit !important;
  left: inherit !important;
  top: 60px !important;
  right: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0 !important;
}

/*User Territory*/
.editdeletebox {
  width: 100%;
}

.editdeletebox h2 {
  font-family: 'Inter-SemiBold';
  color: #050F34;
  margin: 0 0 15px 0;
  display: flex;
  font-size: 14px;
}

.editdeletebox .card {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  border: 0;
  background: #F7F7FC;
  padding: 10px;
  margin-bottom: 5px;
}

.editdeletebox .card .leftcontent {
  display: flex;
  width: 90%;
  justify-content: space-between;
  align-items: center;
}

.editdeletebox .card .leftcontent h3 {
  margin: 0;
  color: #050F34;
  font-size: 16px;
  font-family: 'Inter-Bold';
}

.editdeletebox .card .leftcontent .form-control {
  max-width: 205px;
  width: 100%;
}

.editdeletebox .card .closebutton {
  display: flex;
}

/*user Stat*/
.userterritorymodify .adduser-territory {
  display: none;
}

.userterritorymodify .adduser-territory.active {
  display: block;
}

.datatable th {
  position: relative;
}

.datatable th>span {
  display: block;
  position: absolute;
  right: 5px;
  top: 40%;
}

.datatable th:hover span {
  display: flex;
  position: absolute;
  right: 5px;
  top: 45%;
}

/*Add Multi Leads*/
.has-error .image-upload-wrap .error-help-block {
  bottom: -25px !important;
  top: inherit;
  position: absolute;
  left: 0;
}

.download-link{
  font-size: 13px;
  margin-top: 9px;
  text-decoration: underline;
}
.addmultileads-content .cardbox {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px #E5EAF2;
  border-radius: 8px;
}

.addmultileads-content .file-upload {
  width: 100%;
  margin: 0 auto;
}

.addmultileads-content .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
}

.addmultileads-content .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.addmultileads-content .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.addmultileads-content .file-upload-content {
  display: none;
  text-align: center;
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
}

.addmultileads-content .file-upload-content .image-title {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
}

.addmultileads-content .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.addmultileads-content .image-upload-wrap {
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 80px;
  border-radius: 5px;
}

.addmultileads-content .image-dropping,
.addmultileads-content .image-upload-wrap:hover {
  background-color: #fff6ed;
  border: 1px dashed #002863;
}

.addmultileads-content .image-title-wrap {
  padding: 10px 15px 15px 15px;
  justify-content: center;
  display: flex;
}

.addmultileads-content .drag-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.addmultileads-content .drag-text h3 {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.addmultileads-content .drag-text span {
  font-family: 'Inter-SemiBold';
}

.addmultileads-content .file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.addmultileads-content .remove-image {
  width: 110px;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 5px;
  border-radius: 5px;
  transition: all .2s ease;
  outline: none;
  font-size: 14px;
  display: flex;
  font-family: 'Inter-SemiBold';
  justify-content: center;
}

.addmultileads-content .remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.addmultileads-content .remove-image:active {
  border: 0;
  transition: all .2s ease;
}

.lead-uploaded-popup .modal {
  top: 10%;
}

.lead-uploaded-popup .modal-dialog {
  max-width: 490px;
  width: 100%;
}

.lead-uploaded-popup .modal-content {
  border: 0;
  border-radius: 0;
}

.lead-uploaded-popup .modal-content .modal-header {
  padding: 20px 0;
  margin: 0 30px;
  border-color: #EFEFEF;
}

.lead-uploaded-popup .modal-content .modal-header h4 {
  color: #050F34;
  font-family: 'Inter-Bold';
  font-size: 20px;
}

.lead-uploaded-popup .modal-content .modal-body {
  min-height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lead-uploaded-popup .modal-content .modal-body .box {
  max-width: 140px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lead-uploaded-popup .modal-content .modal-body .box p {
  font-size: 16px;
  color: #6E7282;
  font-family: 'Inter-Regular';
}

.lead-uploaded-popup .modal-content .modal-body .box h3 {
  font-family: 'Inter-Bold';
  font-size: 20px;
}

.lead-uploaded-popup .modal-content .modal-body .box.valid-leads h3 {
  color: #17B93B;
}

.lead-uploaded-popup .modal-content .modal-body .box.invalid-leads h3 {
  color: #E83535;
}

/*Template Builder*/
.listcontent table.tmlbuilder-content tr:hover .link-listing {
  max-width: 110px;
  padding: 9px 0;
}

.addmultileads-content .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

.addmultileads-content .content p {
  font-size: 18px;
  font-family: 'Inter-Regular';
  margin: 0;
  color: #2A3357;
  margin-left: 40px;
}

.addmultileads-content .content span {
  font-family: 'Inter-Bold';
}

.addmultileads-content .content .cardbox h4 {
  display: flex;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  color: #6E7282;
  font-size: 18px;
  font-family: 'Inter-Bold';
  border-bottom: 1px solid #E0E2E9;
}

/* Payment-Utility */

.paymentutility-content .cardbox {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px #E5EAF2;
  border-radius: 8px;
}

.paymentutility-content .file-upload {
  width: 100%;
  margin: 0 auto;
}

.paymentutility-content .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
}

.paymentutility-content .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.paymentutility-content .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.paymentutility-content .file-upload-content {
  display: none;
  text-align: center;
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
}

.paymentutility-content .file-upload-content .image-title {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
}

.paymentutility-content .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.paymentutility-content .image-upload-wrap {
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 120px;
  border-radius: 5px;
}

.paymentutility-content .image-dropping,
.paymentutility-content .image-upload-wrap:hover {
  background-color: #fff6ed;
  border: 1px dashed #002863;
}

.paymentutility-content .image-title-wrap {
  padding: 10px 15px 15px 15px;
  justify-content: center;
  display: flex;
}

.paymentutility-content .drag-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.paymentutility-content .drag-text h3 {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.paymentutility-content .drag-text span {
  font-family: 'Inter-SemiBold';
}

.paymentutility-content .file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.paymentutility-content .remove-image {
  width: 110px;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 5px;
  border-radius: 5px;
  transition: all .2s ease;
  outline: none;
  font-size: 14px;
  display: flex;
  font-family: 'Inter-SemiBold';
  justify-content: center;
}

.paymentutility-content .remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.paymentutility-content .remove-image:active {
  border: 0;
  transition: all .2s ease;
}


.paymentutility-content .content h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
}

.paymentutility-content .content p {
  font-size: 18px;
  font-family: 'Inter-Regular';
  margin: 0;
  color: #2A3357;
  margin-left: 40px;
}

.paymentutility-content .content span {
  font-family: 'Inter-Bold';
}

.paymentutility-content .content .cardbox h4 {
  display: flex;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  color: #6E7282;
  font-size: 18px;
  font-family: 'Inter-Bold';
  border-bottom: 1px solid #E0E2E9;
}

/*Lead Information*/
.callback-alert {
  background-color: #505D9B;
}

.callback-alert p {
  color: #505D9B !important;
  font-size: 14px !important;
}

.leadinformation .cardbox {
  background: #FFFFFF;
  box-shadow: 0px 4px 20px #E5EAF2;
  border-radius: 8px;
}

.leadinformation .cardbox p {
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 16px;
}

.logpermissions.active .dropdown-menu {
  display: block;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0 !important;
  width: 200px;
  top: -140px;
  margin: 0 !important;
  min-width: auto;
}

.logpermissions.active a svg {
  transform: rotate(180deg);
}

/* .leadinformation .logpermissions .dropdown-toggle { padding: 3px 15px 0 0; display: inline-block; }
.leadinformation .logpermissions .dropdown-toggle::after { display:none; } */
.leadinformation .logpermissions .dropdown-menu ul {
  list-style: none;
  margin: 0;
}

.leadinformation .logpermissions .dropdown-menu ul li {
  padding: 5px 10px;
}

.leadinformation .logpermissions .dropdown-menu ul li label {
  font-family: 'Inter-Medium';
}

.leadinformation .logpermissions .dropdown-menu ul li a {
  color: #050F34;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.leadinformation .logpermissions .dropdown-menu ul li a:hover {
  color: #0F78F2;
}

/*Search Lead*/
.searchlead .btn {
  width: 100%;
  display: flex;
  padding: 0;
  color: #050F34;
  font-family: 'Inter-Medium';
  justify-content: space-between;
  align-items: center;
}

.searchlead .btn h3 {
  font-size: 14px;
  margin: 0;
}

.searchlead .btn:focus,
.searchlead .btn:focus-visible,
.searchlead .btn:hover {
  box-shadow: none;
  text-decoration: none;
}

.searchlead .card {
  border: none;
}

.searchlead .card .card-header {
  border: none;
  margin-bottom: 5px;
  background: #e0eefe;
}

.searchlead .card .card-body {
  padding: 15px 0;
}

.searchlead .btn svg {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.searchlead .btn[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
/* Multipale Lead : Custom Layout */
.customlayout-table .form-control {
  max-width: 400px;
  width: 100%;
}
.customlayout-table th {
  border-bottom: 0 !important;
  background: #F4F9FE;
}
/*Drop List Modify*/
.runmonthdays {
  display: flex;
  flex-wrap: wrap;
}

.runmonthdays .tablecheck {
  display: flex;
  margin-right: 15px;
}

.runmonthdays .tablecheck label {
  font-size: 14px;
  color: #050F34;
  font-family: 'Inter-Regular';
  display: flex;
  align-items: center;
}

.runmonthdays .tablecheck label::before {
  margin-right: 5px;
}

.runmonthdays .tablecheck input:checked+label::after {
  top: 2px;
}

.listcontent table.droplisting tr:hover .link-listing {
  max-width: 130px;
  padding: 9px 0;
}

/*QC Calls*/
.selectcampaign {
  display: flex;
  align-items: center;
}

.selectcampaign label {
  font-size: 14px;
  color: #6E7282;
  font-family: 'Inter-Regular';
  margin: 0 10px 0 0;
}

.selectcampaign .dropdown-toggle {
  display: flex;
  align-items: center;
}

.selectcampaign p {
  font-size: 14px;
  color: #2A3357;
  font-family: 'Inter-Bold';
  display: flex;
}

.selectcampaign .dropdown-toggle::after {
  display: none;
}

.selectcampaign .dropdown-menu.show {
  top: 20px !important;
}

.selectcampaign .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

.selectcampaign .dropdown-menu ul li {
  line-height: 24px;
}

.selectcampaign .dropdown-menu ul li a {
  font-size: 13px;
  font-family: 'Inter-SemiBold';
  color: #050F34;
}

.selectcampaign .dropdown-menu ul li a:hover {
  color: #5763CE;
}

.listcontent table.qccodelist tr:hover .link-listing {
  max-width: 130px;
  padding: 4px 0;
}

/*QC Call Lead Details*/
.tablecheck.disableqc {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.tablecheck.disableqc label {
  color: #6E7282;
  font-family: 'Inter-Regular';
  font-size: 14px;
}

.tablecheck.disableqc label::before {
  margin-right: 5px;
  margin-top: -1px;
}

/*QC Scorecard */
.listcontent table.qcscorecardlist tr:hover .link-listing {
  max-width: 130px;
  /* padding: 9px 0; */
}

/*Campagin statuses */
.listcontent table.statuseslist tr:hover .link-listing {
  max-width: 130px;
}

.listcontent table.statuseslist tr:hover .link-listing ul {
  background: transparent;
  box-shadow: none;
}

/*Inbound In-Group*/
.inboundlist .color {
  height: 20px;
  width: 20px;
  background: #6573F6;
  border-radius: 50%;
}
#inbound_email_group_list .color {
  height: 20px;
  width: 20px;
  background: #6573F6;
  border-radius: 50%;
}

.ingrouppopup .choosefile span {
  bottom: 5px;
  color: #6E7282;
}

.ingrouppopup .choosefile span:hover {
  color: #6E7282;
  background: transparent;
}

.group-color {
  background: #45DDAF;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

.listcontent table.callmenulist td {
  padding: 10px;
}

.listcontent table.callmenulist tr:hover .link-listing {
  max-width: 130px;
  padding: 7px 0;
}

.menudetails .choosefile span {
  bottom: 5px;
  right: 5px;
}

.menudetails .choosefile span:hover {
  background: transparent;
  color: var(--button);
  z-index: 0;
}

/*filter phone Group*/
.listcontent table.filterphonelist tr:hover .link-listing {
  max-width: auto;
  padding: 7px 0;
}

.addnumber p {
  font-size: 12px;
  font-family: 'Inter-Regular';
  color: #838383;
}

/*Chat Group*/
.listcontent table.chatgrouplist tr:hover .link-listing {
  max-width: 130px;
  /* padding: 9px 0; */
}

.chatgrouplist .color {
  height: 20px;
  width: 20px;
  background: #6573F6;
  border-radius: 50%;
}

/*email Group*/
.emailgrouplist .color {
  height: 20px;
  width: 20px;
  background: #CA3CED;
  border-radius: 50%;
}

/*User Group*/
.add-user-group .modal-dialog {
  top: 20%;
}

.add-user-group .modal-content {
  border-radius: 0;
  padding: 25px;
  border: 0;
}

.add-user-group .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
  padding: 0 0 15px 0;
}

.add-user-group .modal-content .modal-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.add-user-group .calendar {
  position: absolute;
  top: 34px;
  right: 10px;
}


.view-user-group .modal-dialog {
  max-width: 755px;
  width: 100%;
}

.view-user-group .modal-content {
  border-radius: 0;
  padding: 25px;
  border: 0;
}

.view-user-group .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 15px;
  padding: 0 0 15px 0;
}

.view-user-group .modal-content .modal-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.hourly-report-list td {
  border: 0;
  font-size: 12px;
}

.hourly-report-list th {
  background: #F7F7FC;
  border: 0 !important;
  font-size: 12px;
  color: #050F34;
  font-family: 'Inter-Regular';
  font-weight: 400;
}

table.hourly-report-list tr {
  position: relative;
}

table.hourly-report-list tr .link-listing {
  display: none;
}

table.hourly-report-list tr:hover .link-listing {
  display: flex;
  position: absolute;
  right: 0px;
  background: linear-gradient(269.83deg, #F0F4FC 71.5%, rgba(240, 244, 252, 0) 99.11%);
  padding: 8px 0;
  border: 0 !important;
  max-width: 130px;
  width: 100%;
}

table.hourly-report-list tr:hover .link-listing ul {
  list-style: none;
  display: flex;
}

table.hourly-report-list tr .link-listing ul {
  margin: 0;
  list-style: none;
  display: flex;
  margin-left: auto;
}

table.hourly-report-list tr .link-listing ul li {
  margin: 0 7px;
}

table.hourly-report-list tr .link-listing ul li a {
  margin: 0px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

table.hourly-report-list tr .link-listing ul li a:hover {
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown-row {
  display: flex;
  column-gap: 40px;
}

.dropdown-row .form-group {
  display: flex;
  flex-direction: column;
}

.dropdown-row .form-group a {
  display: flex;
  align-items: center;
}

.dropdown-row .form-group p {
  font-size: 16px;
  color: #050F34;
}

.dropdown-row .form-group .dropdown-menu.show {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 15px;
  transition: right 0.5s ease;
  background: #fff;
  top: 40px !important;
  right: 0 !important;
  margin: 0;
  left: inherit !important;
  float: none !important;
  transform: initial !important;
  border: 0;
}

.dropdown-row .form-group .dropdown-menu.show ul {
  list-style: none;
  margin: 0;
}

.dropdown-row .form-group .dropdown-menu.show ul li {
  line-height: 24px;
}

.dropdown-row .form-group .dropdown-menu.show ul li a {
  font-size: 12px;
  color: #050F34;
  font-family: 'Inter-Regular';
}

.dropdown-row .form-group .dropdown-menu.show ul li a:hover {
  color: #0F78F2;
}

.dropdown-row .dropdown-toggle::after {
  display: none;
}

/*Admin Setting*/
.setting-content h4 {
  color: #050F34;
  font-family: 'Inter-Bold';
  font-size: 16px;
}
.setting-content .list li {
  border-bottom: 1px solid #EFEFEF;
}
.setting-content .list li:last-child {
  border-bottom: 0;
}
.setting-content .list li a {
  color: #2A3357;
  font-size: 16px;
  font-family: 'Inter-Regular';
  display: block;
  padding: 8px 0;
  position: relative;
}
.setting-content .submenuarrow {
  position: absolute;
  top: 10px;
  right: 0;
  color: #6b7381;
}
/* .setting-content .list li a:hover {
  color: var(--button);
  background-image: url(../images/downarrow-blue.png);
  background-repeat: no-repeat;
  background-position: right 15px;
  transition: all ease;
} */
.setting-content .list li a.submenu-dropdown:hover {
  color: var(--button);
  background-image: url(../images/downarrow-blue.png);
  background-repeat: no-repeat;
  background-position: right 15px;
  transition: all ease;
}
.setting-content .list li a:hover {
  color: var(--button);
  transition: all ease;
}
.setting-content .list span {
  margin-right: 10px;
}
.setting-content .dropdown-menu.show {
  display: block;
  position: relative !important;
  transform: none !important;
  will-change: inherit !important;
  width: 100%;
  border-bottom: 1px solid #EFEFEF !important;
  border: 0;
  margin-bottom: 8px;
}

.setting-content .dropdown-menu.show ul {
  list-style: none;
}

.setting-content .dropdown-menu.show ul li {
  border: 0;
  padding-left: 30px;
}

.setting-content .dropdown-menu.show ul li a {
  padding: 5px 0;
  color: #6E7282;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.setting-content .dropdown-menu.show ul li a:hover {
  background-image: none;
}

.setting-content .dropdown-toggle::after {
  display: none;
}

/*Times Settings*/
.listcontent table.calltimeslist tr:hover .link-listing {
  max-width: 130px;
}

.calltimes-details {
  display: none;
}

.calltimes-details.active {
  display: block;
}

.backarrow img {
  transform: rotate(90deg);
}

.forcetimeclock-content {
  margin-bottom: 15px;
}

.forcetimeclock-content .form-group1 {
  width: 16%;
  text-align: right;
  padding-right: 10px;
  margin: 0;
}

.forcetimeclock-content .form-group {
  width: 28%;
  padding: 0 10px;
  margin: 0;
}

.forcetimeclock-content p {
  color: #2A3357 !important;
  margin: 0;
  font-family: 'Inter-Medium' !important;
  font-size: 14px !important;
}

.form-group.audiochoose .labelicon {
  top: 28px;
  right: 1px;
}

.audio-choose .modal-content {
  border: 0;
  border-radius: 0;
}

.audio-choose .modal-header h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
  font-weight: normal;
}

.audio-choose .modal-dialog {
  max-width: 700px;
  width: 100%;
}

.audio-choose .listing-table-content th {
  font-size: 14px;
  color: #2A3357;
  font-family: 'Inter-Semibold';
  border-top: 0;
  border-bottom: 1px solid #f5f7fa !important;
  font-weight: normal;
}

.audio-choose .listing-table-content td {
  border-bottom: 1px solid #f5f7fa;
  font-family: 'Inter-Regular';
}

.audio-choose .listing-table-content td .alllink2 {
  font-family: 'Inter-Regular';
}

.tablecheck.shiftweekdays label {
  margin-left: 10px;
  font-family: 'Inter-Regular';
}

.tablecheck.shiftweekdays label::before {
  margin-right: 5px;
}

.tablecheck.shiftweekdays input:checked+label::after {
  top: 2px;
}

.phone-modify .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.phone-modify .custome-switch.afterborder:after {
  display: none;
}

.listcontent table.listing-table-content.phonelist tr:hover .link-listing {
  max-width: 130px;
}

.servermodify .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.servermodify .custome-switch.afterborder:after {
  display: none;
}

/*upload logo*/
.uploadlogo .requiretext {
  font-size: 12px !important;
  color: #515E9C !important;
  position: relative;
  top: -10px;
}

.licencekey .textarea {
  min-height: 180px !important;
  border: 0;
  box-shadow: none;
  resize: none;
  word-wrap: break-word;
  line-height: 24px;
  font-size: 16px;
  font-family: 'Inter-Regular';
  color: #050F34;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  padding: 0;
}

.licencekey .textarea ::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.licencekey .textarea ::-webkit-scrollbar-track {
  background: transparent;
}

.licencekey .textarea ::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.licencekey .textarea ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.licence-history .modal-dialog {
  max-width: 80%;
  width: 100%;
}

.licence-history h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.licence-history .modal {
  padding: 0 !important;
}

.licence-history .pagination {
  background: transparent;
}

/*Status Group*/
.statusgroup .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.statusgroup .custome-switch.afterborder:after {
  display: none;
}

/*Voice File Upload*/
.audiostorecontent .file-upload {
  width: 100%;
  margin: 0 auto;
}

.audiostorecontent .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
}

.audiostorecontent .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.audiostorecontent .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.audiostorecontent .file-upload-content {
  display: none;
  text-align: center;
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
}

.audiostorecontent .file-upload-content .image-title {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
}

.audiostorecontent .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.audiostorecontent .image-upload-wrap {
  border: 1px dashed #283152;
  position: relative;
  background: #F4F9FE;
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 80px;
  border-radius: 5px;
}

.audiostorecontent .image-dropping,
.audiostorecontent .image-upload-wrap:hover {
  background-color: #fff6ed;
  border: 1px dashed #002863;
}

.audiostorecontent .image-title-wrap {
  padding: 10px 15px 15px 15px;
  justify-content: center;
  display: flex;
}

.audiostorecontent .drag-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audiostorecontent .drag-text h3 {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.audiostorecontent .drag-text span {
  font-family: 'Inter-SemiBold';
}

.audiostorecontent .file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.audiostorecontent .remove-image {
  width: 110px;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 5px;
  border-radius: 5px;
  transition: all .2s ease;
  outline: none;
  font-size: 14px;
  display: flex;
  font-family: 'Inter-SemiBold';
  justify-content: center;
}

.audiostorecontent .remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.audiostorecontent .remove-image:active {
  border: 0;
  transition: all .2s ease;
}

.copydeletebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copydeletebox h4 {
  margin: 0;
  color: #2A3357;
  font-family: 'Inter-Bold';
  font-size: 16px;
}

.search-area.copydelete {
  position: relative;
}

.search-area.copydelete .searchicon {
  position: absolute;
  left: 10px;
  top: 9px;
}

.search-area.copydelete .form-control {
  padding: 0 30px;
  border: 1px solid #BDBDBD;
}

.search-area.copydelete .form-control::placeholder {
  color: #8C9096;
}

.audiostorecontent h5 {
  color: #292929;
  font-size: 16px;
  font-family: 'Inter-Bold';
}

.audiostorecontent .listing-table-content th {
  background: #F7F7FC;
}

.audiostorecontent .listing-table-content td {
  border: 0;
}

/* .audiostorecontent .listingscrollbar {
  height: 42vh;
} */
.audiostorecontent .listingscrollbar {
  height: 300px;
}

.playbox {
  display: none;
}

.playbox.active {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.06);
  padding: 15px;
  position: fixed;
  bottom: 0;
  left: 217px;
  right: 0;
  z-index: 9;
}

body.active .playbox.active {
  left: 85px;
}

.play-details p {
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 14px;
  margin-bottom: 10px;
}

.play-details h5 {
  margin: 0;
  color: #8C9096;
  font-family: 'Inter-Regular';
  font-size: 14px;
  margin-bottom: 5px;
}

.play-details h6 {
  margin: 0;
  color: #8C9096;
  font-family: 'Inter-Medium';
  font-size: 14px;
}

.musichold-content .table-header a {
  color: #fff;
}

.audiofilelist th {
  background: #F7F7FC;
}

.audiofilelist td {
  border: 0;
  padding: 12px !important;
}

.listcontent table.audiofilelist tr:hover .link-listing {
  max-width: 100px;
}

.modify_screen_color .colorbox {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}

.modify_screen_color .colorbox.menucolor {
  background: #0B1234;
}

.modify_screen_color .colorbox.framecolor {
  background: #F5F7FA;
}

.modify_screen_color .colorbox.statndard1 {
  background: #0B1234;
}

.modify_screen_color .colorbox.statndard2 {
  background: #6374C7;
}

.modify_screen_color .colorbox.statndard3 {
  background: #4ac2bb;
}

.modify_screen_color .colorbox.statndard4 {
  background: #eea773;
}

.modify_screen_color .colorbox.buttoncolor {
  background: #eea773;
}

.modify_screen_color .screendetails {
  height: 70vh;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
}

.modify_screen_color .screendetails::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.modify_screen_color .screendetails::-webkit-scrollbar-track {
  background: transparent;
}

.modify_screen_color .screendetails::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.modify_screen_color .screendetails::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.system_statuses .default_btn2 {
  color: #fff;
}

.system_statuses .default_btn2:hover {
  color: #fff;
}
#soundboardlisttable .tablecheck { z-index: 0; }
/*User Access*/
.detailsbox {
  display: none;
}

.detailsbox.active {
  display: table-row;
}

.detailsbox th {
  padding: 0px 7px;
}

.detailsbox td {
  border-top: 1px solid #F5F5F5;
  border-bottom: 0;
}

.detailsbox tr:first-child td {
  border-top: 0 !important;
}

.detailsbox:hover .link-listing {
  display: none !important;
}

.detailsbox:hover table tr:hover .link-listing {
  display: flex !important;
  bottom: -1px;
}

.addmodule .module-content {
  max-width: 700px !important;
}

.addmodule .module-content .alllink2 {
  color: var(--button);
}

.addmodule .module-content th {
  background: #F7F7FC;
  color: #838383;
  font-size: 13px;
}

.addmodule .module-content table td {
  border-bottom: 1px solid #F5F5F5 !important;
}

table.useraccesslist.active tr>td.downicon img {
  transform: rotate(180deg);
}

.listcontent table.useraccesslist tr:hover .link-listing {
  max-width: 120px;
}

/*Email Module*/
.emailcontent .default_btn2 {
  color: #fff;
}

.emailcontent .default_btn2:hover {
  color: #fff;
}

.search-inner {
  position: relative;
}

.search-inner .searchicon {
  position: absolute;
  left: 15px;
  top: 8px;
}

.search-inner .form-control {
  padding-left: 35px;
}

.search-inner .form-control::placeholder {
  color: #8C9096;
}

.modify-email-template {
  display: none;
}

.modify-email-template.active {
  display: block;
}

.fileattachment .file-upload {
  width: 100%;
  margin-top: 20px;
}

.fileattachment .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
}

.fileattachment .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.fileattachment .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.fileattachment .file-upload-content {
  display: none;
  text-align: center;
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
}

.fileattachment .file-upload-content .image-title {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
}

.fileattachment .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.fileattachment .image-upload-wrap {
  border: 1px dashed #283152;
  position: relative;
  background: #F4F9FE;
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 80px;
  border-radius: 5px;
}

.fileattachment .image-dropping,
.fileattachment .image-upload-wrap:hover {
  background-color: #fff6ed;
  border: 1px dashed #002863;
}

.fileattachment .image-title-wrap {
  justify-content: center;
  display: flex;
  position: absolute;
  top: -15px;
  right: -8px;
}

.fileattachment .drag-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fileattachment .drag-text h3 {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.fileattachment .drag-text span {
  font-family: 'Inter-SemiBold';
}

.fileattachment .file-upload-image {
  max-height: 60px;
  max-width: 60px;
  margin: auto;
}

.fileattachment .image-preview-box {
  padding: 5px;
  border: 1px solid #8391C6;
  border-radius: 5px;
  margin: 5px 0 15px 0;
}
.fileattachment .remove-image {
  color: #fff;
  background: #cd4535;
  border: none;
  border-radius: 50%;
  transition: all .2s ease;
  outline: none;
  display: flex;
  justify-content: center;
  width: 20px;
  height: 20px;
  align-items: center;
  font-size: 13px;
}
.fileattachment .remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}
.fileattachment .remove-image:active {
  border: 0;
  transition: all .2s ease;
}
.file-upload .d-flex {
  column-gap: 15px;
  flex-wrap: wrap;
}
/*Messaging Module*/
.modify-email-template {
  display: none;
}

.modify-message-template.active {
  display: block;
}

.scanqrcode {
  max-width: 340px;
  width: 100%;
}

.scanqrcode-input {
  column-gap: 10px;
}

.scanqrcode-input .form-control {
  max-width: 190px;
  width: 100%;
}

.qrcodeimage {
  display: none;
}

.qrcodeimage.active {
  display: block;
}

/*Facebook Module*/
.user-guide-left {
  position: sticky;
  height: 180px;
  top: 40px;
}

.user-guide-left ul {
  margin: 0;
  list-style: none;
}

.user-guide-left ul li {}

.user-guide-left ul li a {
  border-left: 2px solid transparent;
  padding: 7px 10px;
  font-size: 13px;
  color: #050F34;
  font-family: 'Inter-Regular';
  display: flex;
}

.user-guide-left ul li a:hover {
  border-left: 2px solid #FFAA05;
  background: #FFFBF2;
  color: #40465E;
  font-family: 'Inter-SemiBold';
}

.user-guide-right h4 {
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
  border-bottom: 1px solid #838383;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.user-guide-right p {
  font-size: 14px !important;
  font-family: 'Inter-Regular';
  color: #050F34 !important;
  margin-bottom: 10px;
  line-height: 19.36px;
}

.user-guide-right ul,
.user-guide-right ol {
  margin: 0;
  padding: 0 0 0 15px;
}

.user-guide-right ul li {
  font-size: 14px !important;
  font-family: 'Inter-Regular';
  color: #050F34 !important;
  margin-bottom: 10px;
  line-height: 24px;
  margin-bottom: 20px;
}

/*Bucket Module*/
.listcontent.assign-bucket-table {
  height: 45vh;
}

.assign-bucket-table table.listing-table-content td {
  border: 0;
}

.assign-bucket-table table.listing-table-content th {
  font-family: 'Inter-SemiBold';
  font-size: 13px;
  color: #6E7282;
  background: #F7F7FC;
}

.category-content .customtab ul {
  background: #F4F9FE;
  box-shadow: none;
    display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;
height: auto;
}

.category-content .category-listing ul {
  list-style: none;
  background: transparent;
  margin-top: 15px;
}

.category-content .category-listing ul>li {
  margin: 4px 0px;
  display: flex;
}

.category-content .category-listing ul>li>a {
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 9px 9px 9px 35px;
  font-size: 14px;
  line-height: 17px;
  color: #050F34;
  font-family: 'Inter-regular';
  position: relative;
}

.category-content .category-listing ul>li>a::before {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  content: '';
  position: absolute;
  border: 1px solid #8391C6;
  left: 10px;
  top: 9px;
}

.category-content .category-listing ul>li>a:hover {
  border: 1px solid var(--button);
  background: #FBFDFF;
  color: var(--button);
  font-family: 'Inter-SemiBold';
}

.category-content .category-listing ul>li>a.active {
  border: 1px solid var(--button);
  background: #FBFDFF;
  color: var(--button);
  font-family: 'Inter-SemiBold';
}

.category-content .category-listing ul>li>a.active::before {
  border: 4px solid var(--button);
}

.category-content .category-listing ul>li>a:hover::before {
  border: 4px solid var(--button);
}

.bucketstatuses {
  background: #F7F7FC;
  color: #2A3357;
  font-size: 12px;
  padding: 5px 15px;
  font-family: 'Inter-Regular';
  display: inline-block;
}

.bucketstatuses p {
  display: inline-block;
  font-family: 'Inter-Regular';
  color: #050F34;
}

.bucketstatuses span {
  margin-left: 5px;
}

.bucketstatuses.dropdown-toggle::after {
  display: none;
}

.dropdown-menu.bucketstatusesbox.show {
  max-width: 360px;
  width: 100%;
  right: 10px !important;
  transform: inherit !important;
  left: inherit !important;
  top: inherit !important;
  will-change: inherit !important;
  padding: 15px;
}

.dropdown-menu.bucketstatusesbox h5 {
  color: #838383;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
  padding: 10px 0;
}

.modify_screen_color .screendetails {
  height: 70vh;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
}

.modify_screen_color .screendetails::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.modify_screen_color .screendetails::-webkit-scrollbar-track {
  background: transparent;
}

.modify_screen_color .screendetails::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.modify_screen_color .screendetails::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.bucket-details-list ul {
  list-style: none;
  margin: 0;
}

.bucket-details-list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding: 7px;
  margin-top: 10px;
}

.bucket-details-list ul li p {
  color: #6E7282;
  font-family: 'Inter-Regular';
}

.bucket-details-list ul li a {
  color: #050F34;
  font-family: 'Inter-Regular';
}

.bucket-details-list ul li:first-child {
  background: #F4F9FE;
}

.bucket-details-list ul li:first-child a {
  color: #2A3357;
  font-family: 'Inter-SemiBold';
}

.bucket-details-list ul li:first-child p {
  color: #2A3357;
  font-family: 'Inter-SemiBold';
}

.validate-statuses .modal-content {
  border-radius: 0px;
}

.validate-statuses .modal-content h4 {
  color: #050F34;
  font-family: 'Inter-Bold';
  font-size: 20px;
}

.validate-statuses .modal-content h6 {
  color: #6E7282;
  font-size: 14px;
  font-family: 'Inter-Regular';
}

.validate-statuses .modal-content ul {
  margin: 20px 0 0 0;
  list-style: none;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  height: 40vh;
}

.validate-statuses .modal-content ul::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.validate-statuses .modal-content ul::-webkit-scrollbar-track {
  background: transparent;
}

.validate-statuses .modal-content ul::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.validate-statuses .modal-content ul::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.validate-statuses .modal-content li {
  display: flex;
  justify-content: start;
  column-gap: 10px;
  margin-bottom: 10px;
}

.validate-statuses .modal-content li p {
  margin: 0;
  background: #F7F7FC;
  padding: 10px;
  border-radius: 5px;
  color: #2A3357;
  font-size: 14px;
  font-family: 'Inter-Regular';
}

.validate-statuses .modal-content li span {
  font-family: 'Inter-Bold';
}

.validate-statuses .buttons_row {
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
}

/*Broadcast SMS*/
.addbroadcast .custome-switch::after {
  background: #9DA4B5;
  width: 1px;
  height: 20px;
  content: '';
  align-items: center;
  position: absolute;
  right: -10px;
}

.addbroadcast .custome-switch.afterborder:after {
  display: none;
}

/*Web API*/
.audio-playback {
  display: none;
  transition: right 0.3s ease;
  position: absolute;
  z-index: 99;
  background: #F4F9FE;
  border: #9DA4B5 1px solid;
  padding: 15px;
  left: 24px;
  right: 24px;
  border-radius: 5px;
}

.audio-playback.active {
  display: flex;
  flex-direction: column;
  bottom: 10px;
}

.audio-playback p {
  color: #050F34;
  font-size: 16px;
  font-family: 'Inter-Regular';
}

.audio-playback label {
  color: #6E7282;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
}

.audio-playback strong {
  color: #050F34;
}

.audio-playback span {
  position: absolute;
  top: 30px;
  right: 30px;
}
#webapi #tabs {
  position: sticky;
}
/*TTS Template*/
.addttstemplate .content .radiobuttons {
  display: flex;
  margin-top: 5px;
}

.addttstemplate .content .radiobuttons label {
  display: flex;
  margin: 0;
}

.addttstemplate .content .radiobuttons label p {
  margin: 0 10px 0 5px;
  font-family: 'Inter-Regular';
  font-size: 14px;
  color: #050F34;
}

.addttstemplate .content .radiobuttons label:focus-within {
  color: #050F34;
}

.addttstemplate .content .radiobuttons input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  border: 1px solid #8391C6;
}

.addttstemplate .content .radiobuttons input[type="radio"]::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #fff;
  border: 4px solid var(--button);
}

.addttstemplate .content .radiobuttons input[type="radio"]:checked::before {
  transform: scale(1);
}

.balance_history.active .module-content {
  max-width: 80%;
  width: 100%;
}

.balance_history h4>span {
  font-family: 'Inter-Regular';
}

.listing-table-content.balance-history-list th {
  color: #6E7282;
  background: #F7F7FC;
}

.listing-table-content.balance-history-list td {
  border: 0;
}

/*RealTime Repoart*/
.cstm-dial {
  padding: 6px 8px;
  border: 1px solid #D1E6FF;
  color: #167CF2;
  border-radius: 5px;
  background-color: #D1E6FF;
}
.realtime-content {
  position: relative;
}

.realtime-content .cardbox {
  border-radius: 5px !important;
}

.realtime-content h2 {
  color: #050F34;
  font-size: 16px;
  font-family: 'Inter-Bold';
  margin: 0;
  padding-bottom: 0 !important;
}
.realtime-agent-list h2 {
  margin-bottom: 15px;
}
.realtime-stats {
  /* display: flex;
  column-gap: 10px;
  align-items: baseline; */
}
.realtime-stats .accordingbox { height: 220px; }
.realtime-stats .cardbox {
  width: 50%;
}

.agent-stats {
  display: flex;
  justify-content: space-around;
  align-items: center;
  column-gap: 10px;
}

.agent-stats .graph {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  justify-content: center;
}

.agent-stats .stats-list {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.agent-stats .stats-list ul {
  list-style: none;
  margin: 0;
}

.agent-stats .stats-list ul li {
  position: relative;
  font-size: 12px;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agent-stats .stats-list ul li p {
  margin: 0;
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 12px !important;
}

.agent-stats .stats-list ul li span {
  font-family: 'Inter-SemiBold';
}

.agent-stats .stats-list ul li::before {
  width: 8px;
  height: 8px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 12px;
}

.agent-stats .stats-list ul li.todaylogged::before {
  background: #c7ecee;
}
.agent-stats .stats-list ul li.logged::before {
  background: #26C3CC;
}
.agent-stats .stats-list ul li.ready::before {
  background: #FFDF6C;
}
.agent-stats .stats-list ul li.incall::before {
  background: #CF82F1;
}

.agent-stats .stats-list ul li.dispo::before {
  background: #4EA8E5;
}

.agent-stats .stats-list ul li.paused::before {
  background: #656AED;
}

.agent-stats .stats-list ul li.dead::before {
  background: #FE9292;
}

.realtime-stats .statusbox ul {
  list-style: none;
  margin: 0;
  display: flex;
  position: relative;
}

.realtime-stats .statusbox ul li {
  font-size: 11px;
  color: #6E7282;
  position: relative;
  padding: 0 10px;
}

.realtime-stats .statusbox ul li::before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: -3px;
  content: '';
  top: 2px;
}

.realtime-stats .statusbox ul li.activecall::before {
  background: #FDCB1B;
}

.realtime-stats .statusbox ul li.ringing::before {
  background: #26C3CC;
}

.realtime-stats .statusbox ul li.waiting::before {
  background: #656AED;
}

.realtime-agent-list .customtab .nav-tabs {
  box-shadow: 0px 1px 0px #D2D2D2;
}

.realtime-content .table-content th {
  background: #F7F7FC;
  font-family: 'Inter-SemiBold';
  font-size: 12px;
  border: 0 !important;
  padding: 10px;
}

.realtime-content .table-content td {
  padding: 5px 10px;
  font-size: 12px;
}

.statusbtn {
  font-size: 12px;
  font-family: 'Inter-Medium';
  padding: 6px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
}

.loggedin-btn {
  background: #26C3CC;
}


.ready-btn {
    background: #ffdd67;
    color: #796B37;
}

.ready-btn2 {
    background: #eec535;
}

.ready-btn3 {
background: #cca414;
}

.incall-btn {
    background: #e6abff;
  }

.incall-btn2 {
    background: #CD7AF1;
}

.incall-btn3 {
background: #AD46DB;
}

.paused-tensecond{
    background: #bec1ff;
}

.paused-oneminute{
    background: #acafff;
}

.paused-fiveminute{
    background: #878bf8;
}

.paused-tenminute{
    background: #656aed;
}

.paused-fifteenminute{
    background: #4a50e7;
}

.dispo-btn {
  background: #4EA8E5;
}

.paused-btn {
  background: #656AED;
}

.dead-btn {
  background: #FE9292;
}



.waiting-calls {
  width: 100%;
  display: flex;
}

body.active .waiting-calls-popup.active {
  left: 85px;
}

body.active .waiting-calls-btn {
  left: 0 !important;
  width: calc(100% - 0px) !important;
}

.waiting-calls-popup {
  transition: all ease 0.5s;
  bottom: -100%;
  opacity: 0;
  position: relative;
}

.waiting-calls-popup.active {
  bottom: 0px;
  position: fixed;
  top: 0;
  z-index: 99;
  right: 0;
  left: 217px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  opacity: 1;
}

.waiting-calls-popup.active .waiting-content {
  background: #fff;
  border-radius: 5px 5px 0 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.waiting-calls-popup .waiting-content .waiting-calls-btn {
  display: none;
}

.waiting-calls-btn {
  position: fixed;
  z-index: 999;
  bottom: -4px;
  left: 217px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 217px);
}
/* body.active .waiting-calls-btn {
  left: 85px !important;
  width: calc(100% - 85px);
} */
.waiting-calls-btn a {
  background: var(--button);
  box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 9px;
  font-size: 14px;
  color: #fff;
  font-family: 'Inter-Regular';
  cursor: pointer;
  margin: 0 auto;
}

.waiting-calls-btn span {
  font-family: 'Inter-SemiBold';
}

.waiting-calls-btn svg {
  position: relative;
  margin: 0px 0 0 10px;
  display: inline-block;
  top: 2px;
}

.waiting-calls-btn:hover {
  color: #fff;
}

.waiting-calls.active .waiting-calls-btn {
  display: none;
}

.waiting-calls-popup.active .waiting-content .waiting-calls-btn {
  display: flex;
  position: relative;
  bottom: 18px;
  width: 100%;
  left: 0;
  right: 0;
}

.waiting-calls-table .table-content th {
  background: #F7F7FC;
  font-family: 'Inter-SemiBold';
  font-size: 12px;
  border: 0 !important;
}

.waiting-calls-table .table-content td {
  padding: 5px 10px;
  font-size: 12px;
}

.waiting-calls-popup.active .waiting-calls-table {
  display: flex;
  height: 400px;
  padding: 0 10px;
}

.waiting-calls-popup .waiting-calls-table {
  display: none;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  background: #fff;
}
.waiting-calls-table .table-responsive {
  overflow-y: auto !important;
}
.waiting-calls-table::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.waiting-calls-table::-webkit-scrollbar-track {
  background: transparent;
}

.waiting-calls-table::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 14px;
}

.waiting-calls-table::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.waiting-calls-table .waitingbtn {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
  padding: 5px 10px;
  border-radius: 5px;
  color: #ED9613;
  display: inline-block;
  background: #FFF5E7;
}

.realtime-status-table {
  /* height: 45vh; */
  height: calc(100vh - 495px);
  overflow-y: auto;
  scrollbar-color: #889BC8 #f5f7fa;
  scrollbar-width: thin;
  background: #fff;
  position: relative;
}

.realtime-status-table::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.realtime-status-table::-webkit-scrollbar-track {
  background: transparent;
}

.realtime-status-table::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}

.realtime-status-table::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}

.leads-stats-table {
  height: 220px;
  overflow-y: auto;
  scrollbar-color: #889BC8 #f5f7fa;
  scrollbar-width: thin;
  background: #fff;
}

.leads-stats-table::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.leads-stats-table::-webkit-scrollbar-track {
  background: transparent;
}

.leads-stats-table::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}

.leads-stats-table::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}

.hopper-list-table {
  height: 220px;
  overflow-y: auto;
  scrollbar-color: #889BC8 #D4DDF2;
  scrollbar-width: thin;
  background: #fff;
  margin-top: 15px;
}

.hopper-list-table::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.hopper-list-table::-webkit-scrollbar-track {
  background: transparent;
}

.hopper-list-table::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}

.hopper-list-table::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}
.realtime-logout { width: 15px; }
.according-arrow { position: absolute !important; top: 17px; right: 15px; width: 20px; justify-content: center; display: flex; height: 20px; align-items: center; cursor: pointer; color: #050F34; }

.realtime-agentsstats.active .agent-stats { display: none; }
.realtime-agentsstats .fa-plus { display: none; }
.realtime-agentsstats.active .fa-plus { display: block; }
.realtime-agentsstats.active .fa-minus { display: none;}

.realtime-callsstats.active .callsstats { display: none; }
.realtime-callsstats .fa-plus { display: none; }
.realtime-callsstats.active .fa-plus { display: block; }
.realtime-callsstats.active .fa-minus { display: none;}

.realtime-hopperlist.active .hopper-list-table { display: none; }
.realtime-hopperlist .fa-plus { display: none; }
.realtime-hopperlist.active .fa-plus { display: block; }
.realtime-hopperlist.active .fa-minus { display: none;}

.realtime-callsstats.active .statusbox { display: none; }

/* .databox { display: flex; align-items: center; border-radius: 3px; border: 1px solid #E3E7F9; margin-bottom: 2px; justify-content: space-between; }
.databox h3 { font-family: "Inter-Medium"; font-size: 14px; margin: 0; width: 50%; background: #E3E7F9; padding: 5px 10px; border-radius: 3px 0 0 3px; color: #050F34; }
.databox p { margin: 0; font-size: 14px; color: #050F34; font-family: "Inter-Regular"; padding: 5px 10px; text-align: left; width: 50%; } */
#append_other_info { display: flex; flex-wrap: wrap; }
.databox { display: flex; width: 50%; flex-direction: column; margin-bottom: 15px; }
.databox h3 { font-family: "Inter-Medium"; font-size: 14px; margin: 0; color: #6E7282; }
.databox p { margin: 0; font-size: 14px; color: #050F34; font-family: "Inter-Regular"; padding: 10px 0 5px 0; text-align: left; }
.otherinfocontent .content { height: calc(100vh - 85px); }

.refresh-seconds {
  position: relative;
}

.refresh-seconds a {
  padding: 10px;
  border-radius: 5px;
}

.refresh-seconds a:hover {
  background: #f0f2f6;
}

.refresh-seconds .dropdown-menu.show {
  width: 100%;
  max-width: 115px;
  border: 0;
  margin-bottom: 0;
  top: 10px !important;
  left: inherit !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 115px;
  padding: 10px;
}

.refresh-seconds .dropdown-menu.show {
  list-style: none;
}

.refresh-seconds .dropdown-menu.show li {
  border: 0;
}

.refresh-seconds .dropdown-menu.show li a {
  padding: 5px;
  color: #050F34;
  font-family: 'Inter-SemiBold';
  font-size: 13px;
  display: flex;
}

.refresh-seconds .dropdown-menu.show li a:hover {
  color: var(--button);
}

.refresh-seconds .dropdown-toggle::after {
  display: none;
}

.refresh-seconds p {
  margin: 0;
  color: #2A3357;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
}
.refresh-seconds .countdown {
  width: 30px;
  display: flex;
  justify-content: center;
 }
.realtime-agent-list .optionsbox {
  width: 60px;
  position: absolute;
  right: 10px;
  background: linear-gradient(270.56deg, #EDEDF7 0.45%, rgba(224, 224, 224, 0) 112.36%, rgba(237, 237, 246, 0) 112.36%);
  padding: 8px 10px;
  display: flex;
  justify-content: end;
  z-index: 9;
  top: 8px;
}

.realtime-agent-list .optionsbox .plus-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--button);
  display: flex;
  align-items: center;
  justify-content: center;
}

.realtime-agent-list .optionsbox .dropdown-menu.show {
  width: 100%;
  max-width: 115px;
  border: 0;
  margin-bottom: 0;
  top: 35px !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 186px;
  padding: 10px;
  right: 0;
  left: inherit;
}

.realtime-agent-list .optionsbox .dropdown-menu li {
  margin: 5px 0;
}

.realtime-agent-list .optionsbox .dropdown-menu .tablecheck label {
  color: #6E7282;
  font-family: 'Inter-Regular';
}

.realtime-agent-list .optionsbox .dropdown-menu .tablecheck input:checked+label {
  color: #050F34;
}

.realtime-agent-list .optionsbox .dropdown-menu .tablecheck label::before {
  margin-right: 5px;
}

.realtime-agent-list .optionsbox .dropdown-menu .tablecheck input:checked+label::after {
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
  border-width: 0 1px 1px 0;
}

.realtime-agent-list .optionsbox .dropdown-toggle::after {
  display: none;
}
.realtime-status-table .badge {
  font-size: 12px;
  border-radius: 3px;
  line-height: 20px;
  width: 20px;
  padding: 0;
  height: 20px;
  display: inline-block;
}
.realtime-status-table .badge-success {
  color: #0F78F2;
  background-color: #F3F8FF;
  border: 1px solid #0F78F2;
}
.realtime-status-table .badge-warning {
  color: #FFAA05;
  background-color: #FFFDF9;
  border: 1px solid #FFAA05;
}
.realtime-status-table .badge-info {
  background-color: #F8F8FF;
  border: 1px solid #656AED;
  color: #656AED;
}
/*Change color for pause code if time limit exceed : Krishna Thummar : 24092024*/
.realtime-status-table .pausecodetimelimit {
  background-color: #e35d54;
  color: #fff;
  padding: 8px 20px 10px !important;
}
/*IVR Bot*/
.ivrheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ivrheader .default_btn1 span {
  color: var(--button) !important;
  font-family: 'Inter-SemiBold';
  font-size: 14px !important;
}

.ivrheader .default_btn1:hover {
  background: #e8f2fe;
  border: 1px solid var(--button);
}

.ivrheader p {
  font-size: 16px !important;
  font-family: 'Inter-SemiBold' !important;
  color: #6E7282 !important;
}

.ivrheader span {
  font-family: 'Inter-Bold';
  color: #050F34;
}

.tablecheck.tts {
  margin: 37px 0 0 0;
}

.tablecheck.tts label {
  color: #2A3357;
}

.tablecheck.tts label::before {
  margin-right: 5px;
}

.tablecheck.tts input:checked+label::after {
  top: 1px;
}

.flow-mapping .fileattachment .image-upload-wrap {
  min-height: 50px;
}

.flow-mapping .fileattachment .file-upload-content {
  min-height: 50px;
  border-radius: 5px;
  line-height: 47px;
}

.flow-mapping .fileattachment .file-upload-image {
  display: none;
}

.flow-mapping .fileattachment .remove-image {
  width: auto;
  background: transparent;
  border: 0;
  transition: all .2s ease;
  position: absolute;
}

.flow-mapping .fileattachment .file-upload {
  position: relative;
}

.flow-mapping .fileattachment .image-title-wrap {
  position: absolute;
  right: 20px;
  padding: 0;
  top: 6px;
}

.flow-mapping .default_btn3 {
  max-width: 100px;
  margin: 32px 0 0 0px;
}

.flow-mapping .card-header {
  background: transparent;
  border: 0;
  display: flex;
  justify-content: flex-start;
  column-gap: 15px;
}

.accordion-field {
  width: 40%;
}

.accordion-field input:disabled {
  background: #E0E2E9;
  border-color: #E0E2E9;
}

.flow-mapping .rowborder {
  border-top: 1px solid #BCBFCF;
  border-bottom: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.flow-mapping .card-header .btn-header-link {
  display: flex;
  align-items: center;
  max-width: 100px;
  width: 100%;
  justify-content: center;
}

.flow-mapping .card-header .btn-header-link.collapsed img {
  transform: rotate(0deg);
}

.flow-mapping .card-header .btn-header-link img {
  transform: rotate(180deg);
}

/*Inbound /Outbound Call Summary*/
.inbound-call-content h2 {
  color: #050F34;
  font-size: 16px;
  font-family: 'Inter-Bold';
  margin: 0;
}

.inbound-call-content h4 {
  color: #2A3357;
  font-size: 16px;
  font-family: 'Inter-Bold';
  margin: 0;
}

.calltypes-stats {
  display: flex;
  justify-content: space-around;
  align-items: center;
  column-gap: 10px;
}

.calltypes-stats .graph {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  justify-content: center;
}

.calltypes-stats .stats-list {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.calltypes-stats .stats-list ul {
  list-style: none;
  margin: 0;
}

.calltypes-stats .stats-list ul li {
  position: relative;
  font-size: 12px;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calltypes-stats .stats-list ul li p {
  margin: 0;
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 13px !important;
}

.calltypes-stats .stats-list ul li span {
  font-family: 'Inter-SemiBold';
}

.calltypes-stats .stats-list ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.calltypes-stats .stats-list ul li.inbound::before {
  background: #26C3CC;
}

.calltypes-stats .stats-list ul li.outbound::before {
  background: #656AED;
}

.inbound-call-content .totalscalls {
  color: #050F34 !important;
  font-family: 'Inter-Regular' !important;
  font-size: 13px !important;
}

.inbound-call-content .totalscalls span {
  margin-right: 0px;
}

.inbound-call-content .custom-select-fields {
  font-size: 14px;
  color: #2A3357;
  font-family: 'Inter-SemiBold';
  padding-left: 5px;
  width: 120px;
  background: url(../images/downarrow-blue.png) 94% / 10% no-repeat #fff !important;
}

.list-column-toggle {
  border-radius: 4px;
  border: 1px solid var(--button);
  height: 24px;
  overflow: hidden;
}

.list-column-toggle ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.list-column-toggle .nav-tabs .nav-link {
  display: flex;
  padding: 3px 5px;
  transition: 0.5s ease;
  border: 0;
  cursor: pointer;
}

.list-column-toggle .nav-tabs .nav-link:hover {
  background: var(--button);
  border: 0;
  border-radius: 0;
}

.list-column-toggle .nav-tabs .nav-link.active {
  background: var(--button);
  border: 0;
  border-radius: 0;
}

.list-column-toggle .nav-tabs .nav-link .grid-icon {
  position: relative;
  top: -18px;
}

.list-column-toggle .nav-tabs .nav-link.active .grid-icon {
  position: relative;
  top: 0px;
}

.list-column-toggle .nav-tabs .nav-link:hover .grid-icon {
  position: relative;
  top: 0px;
}

.list-column-toggle .nav-tabs .nav-link .list-icon {
  position: relative;
  top: -18px;
}

.list-column-toggle .nav-tabs .nav-link.active .list-icon {
  position: relative;
  top: 0px;
}

.list-column-toggle .nav-tabs .nav-link:hover .list-icon {
  position: relative;
  top: 0px;
}

.inbound-call-content .listview-content p {
  font-size: 14px !important;
  color: #6E7282 !important;
  font-family: 'Inter-Regular' !important;
  margin: 5px 0 0 0;
}

.inbound-call-content .listview-card-box {
  min-height: 300px;
}

.inbound-call-content .call-hangup-table { height: 180px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scrollbar-width: thin; background: #fff; }
.inbound-call-content .call-hangup-table::-webkit-scrollbar { width: 8px; height: 14px; }
.inbound-call-content .call-hangup-table::-webkit-scrollbar-track { background: transparent; }
.inbound-call-content .call-hangup-table::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.inbound-call-content .call-hangup-table::-webkit-scrollbar-thumb:hover { background: #889BC8; }

.inbound-call-content .call-status-stats-table { height: 350px;  overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; }
.inbound-call-content .call-status-stats-table::-webkit-scrollbar { width: 8px; height: 14px; }
.inbound-call-content .call-status-stats-table::-webkit-scrollbar-track { background: transparent; }
.inbound-call-content .call-status-stats-table::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.inbound-call-content .call-status-stats-table::-webkit-scrollbar-thumb:hover { background: #889BC8; }
.inbound-call-content .customindicators { min-height: 350px; }

/*Inbound Daily Report*/
.inbound-report h2 {
  color: #2A3357;
  font-size: 14px;
  font-family: 'Inter-SemiBold';
}

.daily-report-content p {
  margin: 0;
}

.daily-report-content {
  display: flex;
  flex-wrap: wrap;
}

.daily-report-content .form-group {
  width: 20%;
  margin: 5px 0;
}

.daily-report-list tr.footertext td {
  background: #F4F9FE !important;
  color: #050F34 !important;
  font-family: 'Inter-SemiBold' !important;
}

.daily-report-list tbody::after {
  content: '';
  display: block;
  height: 15px;
}

.table.daily-report-list tbody+tbody {
  border: 0;
}

/*Outbound Calling Report*/
.outbound-calling-content .drops-column {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

.outbound-calling-content .drops-column .status {
  flex: 30% 0;
}

.outbound-calling-content .drops-column .graph {
  flex: 0 70%;
  flex-direction: column;
  display: flex;
}

.drops-column .drop-status {
  list-style: none;
  display: flex;
  margin: 0;
  column-gap: 15px;
  justify-content: center;
}

.drops-column .drop-status li {
  position: relative;
  color: #2A3357;
  font-size: 13px;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Inter-Regular';
}

.drops-column .drop-status li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.drops-column .drop-status li strong {
  font-family: 'Inter-SemiBold';
  font-weight: normal;
  margin-left: 5px;
}

.drops-column .drop-status li.drop::before {
  background: #656AED;
}

.drops-column .drop-status li.dropcall::before {
  background: #FDCB1B;
}

.drops-column .drop-status li.rating::before {
  background: #26C3CC;
}

.drops-column .drop-status li.pause::before {
  background: #FF3868;
}

.drops-column .drop-status li.wait::before {
  background: #209EF9;
}

.drops-column .drop-status li.talk::before {
  background: #565CFC;
}

.drops-column .drop-status li.dispo::before {
  background: #26C3CC;
}

.drops-column .drop-status li.dead::before {
  background: #FDCB1B;
}

.drops-column .drop-status li.customer::before {
  background: #0B6CFF;
}

.inbound-report .customtab .nav-tabs {
  box-shadow: 0px 2px 1px #E7EBF1;
}

/*Maximum Call Stats*/
.maximum-call-stats {
  display: flex;
  align-items: center;
}

.maximum-call-stats .text {
  padding-left: 10px;
}

.maximum-call-stats h4 {
  color: #2A3357;
  font-size: 18px;
  font-family: 'Inter-Bold';
  margin: 0;
}

.maximum-call-stats p {
  color: #6E7282 !important;
  font-size: 14px !important;
  margin: 0 0 5px 0;
}

/*Inbound Report*/
.inbound-report .graph-content .status-list {
  width: 40%;
}

.inbound-report .graph-content .graph {
  width: 60%;
}

.inbound-report .graph-content .status-list ul {
  list-style: none;
  margin: 0;
}

.inbound-report .graph-content .status-list ul li {
  position: relative;
  padding: 0 0 0 17px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inbound-report .graph-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inbound-report .graph-content .status-list ul li p {
  margin: 0;
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 13px !important;
}

.inbound-report .graph-content .status-list ul li span {
  font-family: 'Inter-SemiBold';
  font-size: 13px !important;
}

.inbound-report .graph-content .status-list ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  left: 0;
  position: absolute;
  border-radius: 50%;
  top: 9px;
}

.inbound-report .graph-content .status-list ul li.gde::before {
  background: #656AED;
}

.inbound-report .graph-content .status-list ul li.acr::before {
  background: #4EA8E5;
}

.inbound-report .graph-content .status-list ul li.tmr1::before {
  background: #CF82F1;
}

.inbound-report .graph-content .status-list ul li.tmr2::before {
  background: #FFDF6C;
}

.inbound-report .graph-content .status-list ul li.dtime::before {
  background: #26C3CC;
}

.inbound-report .graph-content .status-list ul li.adm::before {
  background: #CF82F1;
}

.inbound-report .graph-content .status-list ul li.lagged::before {
  background: #FE9292;
}

.inbound-report .graph-content .status-list ul li.login::before {
  background: #FFA26D;
}

.inbound-report .graph-content .status-list ul li.mtg::before {
  background: #F8D37E;
}

.inbound-report .graph-content .status-list ul li.brk::before {
  background: #656AED;
}

.inbound-report .graph-content .status-list ul li.lch::before {
  background: #4EA8E5;
}

.inbound-report .graph-content .status-list ul li.md::before {
  background: #F8D37E;
}

.inbound-report .graph-content .status-list ul li.per::before {
  background: #F8D37E;
}

/*Disposition Report*/
.disposition-report .modal-content {
  border: 0;
}

.disposition-report .modal {
  padding: 0 !important;
}

body.modal-open {
  padding: 0 !important;
}

.disposition-report .modal-dialog {
  max-width: 780px;
  width: 100%;
}

.disposition-report h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.disposition-report .modal-header {
  border-color: #EFEFEF;
}

.disposition-report .calendar {
  position: absolute;
  top: 30px;
  right: 10px;
}

.disposition-report .form-group {
  margin-bottom: 10px;
}

.disposition-stats {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}

.disposition-stats .box {
  width: 14.2%;
  padding: 0 5px;
  border-right: 1px solid #EFEFEF;
}

.disposition-stats .box span::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: -5px;
  content: '';
}

.disposition-stats .box .total-count-name {
  position: relative;
  color: #6E7282;
  font-family: 'Inter-Regular';
  font-size: 14px;
  padding-left: 10px;
}

.disposition-stats .box .total-count {
  color: #2A3357;
  font-family: 'Inter-Bold';
  font-size: 18px;
  margin: 0;
  padding-left: 10px;
}

.disposition-stats .box.tcalls span::before {
  background: #727FF3;
}

.disposition-stats .box.tsales span::before {
  background: #FB8171;
}

.disposition-stats .box.tconvrate span::before {
  background: #2ECAD3;
}

.disposition-stats .box.tperuint span::before {
  background: #41DC9B;
}

.disposition-stats .box.ttime span::before {
  background: #419DDC;
}

.disposition-stats .box.tcph span::before {
  background: #CF82F1;
}

.disposition-stats .box.tsph span::before {
  background: #FBA657;
}

.top-performers-tabe {
  height: 450px;
  overflow-y: auto;
  scrollbar-color: #ffffff #ffffff;
  scrollbar-width: thin;
  background: #ffffff;
}

.top-performers-tabe::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.top-performers-tabe::-webkit-scrollbar-track {
  background: #EFEFEF;
}

.top-performers-tabe::-webkit-scrollbar-thumb {
  background: #EFEFEF;
  border-radius: 14px;
}

.top-performers-tabe::-webkit-scrollbar-thumb:hover {
  background: #EFEFEF;
}

/*Wallboard*/
.wallboardbg {
  background: #fff
}

.wall-content {
  border: 1px solid #FEFEFE;
  border-radius: 8px;
  padding: 10px;
}

.wall-content.paused-box {
  border-color: #FF87BC;
  background: #FFF6FA;
}

.wall-content.ready-box {
  border-color: #FFD766;
  background: #FFFEFD;
}

.wall-content.oncall-box {
  border-color: #33D79C;
  background: #FAFFFD;
}

.wall-content.lunch-box {
  border-color: #FFC78E;
  background: #FFFCFA;
}

.wall-content .status {
  display: flex;
  align-items: center;
}

.wall-content .status p {
  margin: 0;
  color: #050F34;
  font-size: 12px;
  font-family: 'Inter-Medium';
}

.wall-content .name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wall-content .name h2 {
  margin: 0;
  font-family: 'Inter-Bold';
  font-size: 16px;
  color: #2A3357;
}

.wall-content .name .time {
  font-family: 'Inter-Regular';
  font-size: 14px;
  color: #050F34;
}

.wall-content .campagin {
  display: flex;
  justify-content: space-between;
}

.wall-content .campagin .form-group {
  margin: 0;
}

.wall-content .campagin .form-group label {
  color: #6E7282;
  font-size: 13px;
  font-family: 'Inter-Regular';
  margin: 0 0 5px 0;
}

.wall-content .campagin .form-group p {
  margin: 0;
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Medium';
}

.wall-content .phone-ip {
  display: flex;
  justify-content: space-between;
}

.wall-content .phone-ip .form-group {
  margin: 0;
}

.wall-content .phone-ip .form-group label {
  color: #6E7282;
  font-size: 13px;
  font-family: 'Inter-Regular';
  margin: 0 0 5px 0;
}

.wall-content .phone-ip .form-group p {
  margin: 0;
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Medium';
}

/*SIP Utilization*/
.graph-status ul {
  list-style: none;
  display: flex;
  justify-content: center;
}

.graph-status ul li {
  position: relative;
  padding: 0 15px;
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 13px;
}

.graph-status ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: 4px;
}

.graph-status ul li.airtel::before {
  background: #F0DD34;
}

.graph-status ul li.jio::before {
  background: #EA35E3;
}

.graph-status ul li.airtel-incoming::before {
  background: #6C2CD6;
}

/*Email Accounts*/
.listcontent table.emailaccountlist tr:hover .link-listing {
  max-width: 160px;
}

/*Agent Performance Detail*/
.pause-breakdown .graph {
  width: auto !important;
}

.pause-breakdown .status-list {
  width: 80% !important;
}

.agent-performance-user a {
  background: #F7F7FC;
  padding: 16px;
  display: flex;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
}

.agent-performance-user p {
  color: #2A3357;
  font-size: 16px;
  font-family: 'Inter-Bold';
}

.agent-performance-user span {
  font-size: 14px;
  font-family: 'Inter-Semibold';
  color: #6E7282;
}

.performance-stats-popup .modal-dialog {
  max-width: 90%;
}

.performance-stats-popup h4 {
  font-size: 20px;
  color: #050F34;
  font-family: 'Inter-Bold';
  margin: 0;
}

.performance-stats-popup .modal-header {
  border-color: #EFEFEF;
}

/*Custom Fields*/

.customformtable th {
  font-size: 13px;
  color: #838383;
  font-family: 'Inter-Semibold';
  border-top: 0;
  border-bottom: 1px solid #002863 !important;
  font-weight: normal;
}
.customfield-content h3 {
  color: #050F34;
  font-size: 18px;
  font-family: 'Inter-Bold';
  margin: 0 0 10px 0;
}

.customfield-content {
  display: flex;
  column-gap: 20px;
  padding: 0 10px;
  position: relative;
}
.customfield-content h2 {
  color: #2A3357;
  font-size: 14px;
  font-family: 'Inter-Semibold';
  background: #f5f7fa;
  margin: 0;
  position: relative;
  height: 45px;
  display: flex;
  align-content: center;
  align-items: center;
}

.custom-select-element {
  max-width: 200px;
  width: 100%;
  box-shadow: 1px 0px 0px #D2D2D2;
  background: #fff;
  z-index: 1;
  position: fixed;
  bottom: 0;
  top: 95px;
}

.custom-select-element span {
  margin-right: 10px;
}

.custom-select-element ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: calc(100vh - 140px) !important;
  overflow-y: auto;
  scrollbar-color: #D4DDF2 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
  position: relative;
}
.custom-select-element ul::-webkit-scrollbar {
  width: 5px;
  height: 14px;
}
.custom-select-element ul::-webkit-scrollbar-track {
  background: transparent;
}
.custom-select-element ul::-webkit-scrollbar-thumb {
  background: #D4DDF2;
  border-radius: 14px;
}
.custom-select-element ul::-webkit-scrollbar-thumb:hover {
  background: #D4DDF2;
}
.custom-select-element ul li {
  background: #FFFFFF;
  border-bottom: 1px solid #EAEAEA;
}

.custom-select-element ul li:hover {
  /* background: #EAEAEA; */
  border-color: #FFAA05;
}
.custom-select-element ul li:hover a { font-family: 'Inter-SemiBold'; }

.custom-select-element ul li a {
  font-size: 13px;
  font-family: 'Inter-Regular';
  color: #050F34;
  padding: 10px;
  display: flex;
}

.customer-details-box {
  background: #fff;
  box-shadow: 0px 2px 15px #E3E9F1;
  border-radius: 8px;
}

.customfield-content.active .customer-details-box {
  margin-right: 360px;
}

.customer-details-box p {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
}

.customer-details-box .selectarrow1 {
  background: url(../images/downarrow-grey.svg) 98% no-repeat #fff !important;
}

.customer-details-box .form-group {
  padding: 10px;
  margin: 0;
  position: relative;
  border: 1px solid transparent;
  border-radius: 6px;
}

.customer-details-box .radiobuttons label {
  align-items: center;
}

.customer-details-box .form-group .hidebutton {
  display: none;
}

.customer-details-box .form-group .hidebutton1 {
  display: none;
}

.customer-details-box .form-group:hover .hidebutton {
  display: flex;
  position: absolute;
  justify-content: space-between;
  left: 0;
  right: 0;
  z-index: 1;
  top: 25px;
  align-items: center;
}

.customer-details-box .form-group:hover .hidebutton1 {
  display: flex;
  position: absolute;
  justify-content: space-between;
  left: 0;
  right: 0;
  z-index: 1;
  top: 15px;
  align-items: center;
}

.customer-details-box .form-group:hover .hidebutton .six-doted {
  left: -25px;
  position: relative;
}

.customer-details-box .form-group:hover .hidebutton .deletebutton {
  position: relative;
  right: -40px;
}

.customer-details-box .form-group:hover .hidebutton1 .six-doted {
  left: -25px;
  position: relative;
}

.customer-details-box .form-group:hover .hidebutton1 .deletebutton {
  position: relative;
  right: -40px;
}

.customer-details-box .form-group.bottom-hidebutton {}

.customer-details-box .form-group.bottom-hidebutton .hidebutton {
  bottom: -100px;
  justify-content: center;
}

.customer-details-box .form-group.bottom-hidebutton:hover .hidebutton .six-doted {
  left: 0px;
  position: relative;
  padding: 0 5px;
}

.customer-details-box .form-group.bottom-hidebutton:hover .hidebutton .deletebutton {
  position: relative;
  right: 0px;
  padding: 0 5px;
}

.customer-details-box .form-group:hover {
  border: 1px solid var(--button);
}

.customer-details-box .threelist {
  display: flex;
  justify-content: space-between;
}

.customer-details-box .threelist .form-group {
  flex: 1;
}

.edit-customer-box {
  max-width: 0;
  display: none;
  right: -360px;
  position: absolute;
  top: 0;
  transition: right 0.5s ease;
}

.customfield-content.active .edit-customer-box {
  display: flex;
  display: flex;
  right: 0;
  max-width: 360px;
  width: 100%;
}

.edit-customer-box .close {
  margin-right: 10px;
}

.edit-customer-box .cardbox {
  height: 78vh;
  overflow-y: auto;
  scrollbar-color: #f4f4f4 #f4f4f4;
  scrollbar-width: thin;
  background: #f4f4f4;
}

.edit-customer-box .cardbox::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.edit-customer-box .cardbox::-webkit-scrollbar-track {
  background: #EFEFEF;
}

.edit-customer-box .cardbox::-webkit-scrollbar-thumb {
  background: #EFEFEF;
  border-radius: 14px;
}

.edit-customer-box .cardbox::-webkit-scrollbar-thumb:hover {
  background: #EFEFEF;
}
.custom-fields-create {
  flex-direction: column;
  width: calc(100% - 215px);
  display: flex;
  left: 215px;
  position: relative;
}

/*Twitter API*/
.listcontent table.twitter-list tr:hover .link-listing {
  max-width: 100px !important;
}

/* Voip Usage */
.upload-rates .modal {
  top: 25%;
}

.upload-rates .content {
  column-gap: 10px;
  height: 80px;
  align-items: center;
}

.upload-rates .content .choosefile span {
  bottom: inherit;
  top: 5px;
}

.upload-rates .form-group {
  flex: 1;
}

.recharge-history .modal-dialog {
  max-width: 800px;
  width: 100%;
}

.recharge-history-table {
  height: 280px;
  overflow-y: auto;
  scrollbar-color: #f4f4f4 #f4f4f4;
  scrollbar-width: thin;
}

.recharge-history-table::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}

.recharge-history-table::-webkit-scrollbar-track {
  background: #EFEFEF;
}

.recharge-history-table::-webkit-scrollbar-thumb {
  background: #EFEFEF;
  border-radius: 14px;
}

.recharge-history-table::-webkit-scrollbar-thumb:hover {
  background: #EFEFEF;
}

.recharge-history .pagination {
  background: #fff !important;
}

.recharge-history-table td {
  font-size: 12px;
}

.voip-table-select th {
  border-bottom: 0 !important;
}

.voip-table-select td {
  border: 0;
}

.recharge-history .searchicon {
  position: absolute;
  left: 8px;
  top: 7px;
}

.recharge-history .search-area .form-control::placeholder {
  color: #8C9096;
}

.recharge-history .search-area .form-control {
  padding-left: 20px;
}

.recharge-history .search-area {
  margin-left: 10px;
}

/*Message Board Group*/
.listcontent table.message-board-list tr:hover .link-listing {
  max-width: 150px;
}

.listcontent table.message-board-mapping tr:hover .link-listing {
  max-width: 250px;
}

.schedule-send .tablecheck label::before {
  margin-right: 5px;
}

.schedule-send .tablecheck input:checked+label::after {
  top: 2px;
}

/*Time Setting*/
.content.holiday-details {
  display: none;
}

.content.holiday-details.active {
  display: block;
}

.content.state-calltimes-details {
  display: none;
}

.content.state-calltimes-details.active {
  display: block;
}

.hide-mobile p {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.admin-header .addbtn .hide-mobile p {
  color: var(--button);
}
.forcetimeclock-content .column_one p {
  margin: 25px 0 0 0;
}

/*Alert*/
.alert-error .modal-dialog {
  max-width: 335px;
  width: 100%;
  top: 30%;
}

.alert-error .alerticon {
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50%;
  background: #FFF2EB;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
}

.alert-error .modal-content {
  border: 0;
  box-shadow: 4px -4px 25px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 20 10px;
}

.alert-error .modal-content p {
  font-family: 'Inter-Regular';
  font-size: 16px;
  color: #050F34;
  text-align: center;
  line-height: 24px;
}

.alert-error .modal-header {
  justify-content: center;
  border: 0;
}

.alert-error .modal-footer {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-error .modal-footer .btn-danger {
  background: #dc3545;
  border-color: #dc3545;
}

.alert-error .modal-footer .btn-danger:hover {
  background: #feeff0;
  color: #dc3545;
}

/*success*/

.success-alert .modal-dialog {
  max-width: 335px;
  width: 100%;
  top: 30%;
}

.success-alert .alerticon {
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50%;
  background: #e6feec;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
}

.success-alert .modal-content {
  border: 0;
  box-shadow: 4px -4px 25px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 20 10px;
}

.success-alert .modal-content p {
  font-family: 'Inter-Regular';
  font-size: 16px;
  color: #050F34;
  text-align: center;
  line-height: 24px;
}

.success-alert .modal-header {
  justify-content: center;
  border: 0;
}

.success-alert .modal-footer {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.success-alert .modal-footer .btn-success {
  background: #28a745;
  border-color: #28a745;
}

.success-alert .modal-footer .btn-success:hover {
  background: #e6feec;
  color: #28a745;
}

/*warning*/

.warning-alert .modal-dialog {
  max-width: 335px;
  width: 100%;
  top: 30%;
}

.warning-alert .alerticon {
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50%;
  background: #fef8e6;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
}

.warning-alert .modal-content {
  border: 0;
  box-shadow: 4px -4px 25px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 20 10px;
}

.warning-alert .modal-content p {
  font-family: 'Inter-Regular';
  font-size: 16px;
  color: #050F34;
  text-align: center;
  line-height: 24px;
}

.warning-alert .modal-header {
  justify-content: center;
  border: 0;
}

.warning-alert .modal-footer {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.warning-alert .modal-footer .btn-warning {
  background: #ffc107;
  border-color: #ffc107;
}

.warning-alert .modal-footer .btn-warning:hover {
  background: #fef8e6;
  color: #ffc107;
}

/*confirmation*/

.confirmation-alert .modal-dialog {
  max-width: 335px;
  width: 100%;
  top: 30%;
}

.confirmation-alert .alerticon {
  width: 50px;
  height: 50px;
  display: flex;
  border-radius: 50%;
  background: #dfe4fc;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25px;
}

.confirmation-alert .modal-content {
  border: 0;
  box-shadow: 4px -4px 25px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 20 10px;
}

.confirmation-alert .modal-content p {
  font-family: 'Inter-Regular';
  font-size: 16px;
  color: #050F34;
  text-align: center;
  line-height: 24px;
}

.confirmation-alert .modal-header {
  justify-content: center;
  border: 0;
}

.confirmation-alert .modal-footer {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.confirmation-alert .modal-footer .btn-success {
  background: var(--button);
  border-color: var(--button);
}

.confirmation-alert .modal-footer .btn-success:hover {
  background: #e5f1ff;
  color: var(--button);
}

.confirmation-alert .modal-footer .btn-danger {
  background: #dc3545;
  border-color: #dc3545;
}

.confirmation-alert .modal-footer .btn-danger:hover {
  background: #feeff0;
  color: #dc3545;
}
/*.blueicon svg path { stroke:var(--blueicon); }
.blueiconfill svg path { stroke:none; fill:var(--blueicon); }

.blueicon svg { color:var(--blueicon); }
.blueiconfill svg { color:var(--blueicon); }*/
/*Lists This Campaign */
.lists-campaign .modal-content {
  padding: 0 15px;
  border-radius: 0;
}

.lists-campaign .modal {
  padding-right: 0 !important;
}

.lists-campaign .modal-dialog {
  max-width: 70%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.simple-table .table-content th {
  border-bottom: 0 !important;
  background: #F7F7FC;
  color: #6E7282;
}

.simple-table .table-content td {
  border: 0;
}

.simple-table .radio-switch label:first-of-type::after {
  padding: 0px 0 0 5px;
}

.simple-table .radio-switch label:first-of-type::after {
  padding: 0px 0 0 5px;
}

.simple-table .radio-switch input:first-of-type:checked~label:first-of-type::after {
  padding: 0px 0 0px 21px;
}

/**/
.checkbox-inner .tablecheck {
  display: flex;
  margin-right: 15px;
}

.checkbox-inner .tablecheck label {
  font-family: 'Inter-SemiBold';
  font-size: 13px;
  color: #6E7282;
  display: flex;
  align-items: center;
}

.checkbox-inner .tablecheck label::before {
  margin-right: 5px;
}

.checkbox-inner .tablecheck input:checked+label::after {
  top: 2px;
  left: 5px;
  width: 4px;
  height: 9px;
}

/*Admin Logs*/
.adminlogs .modal-content { padding: 0 15px; border-radius: 0; }
.adminlogs .modal { padding-right: 0 !important; }
.adminlogs .modal-dialog { max-width: 75%; width: 100%; margin: 30px auto 0 auto; }
.adminlogs-title { display: flex; align-items: center; }
.adminlogs-title .adminlogs-search { position: relative; margin-left: 15px; }
.adminlogs-title .adminlogs-search .form-control { border: 1px solid #BDBDBD; padding-left: 25px; box-shadow: none; }
.adminlogs-search label { margin: 0;}
.adminlogs-title .adminlogs-search .form-control::placeholder { color: #8C9096; }
.adminlogs .adminlogs-title .searchicon { position: absolute; left: 10px; top: 7px; }
.adminreportllisting table td { border-bottom: 1px solid #f4f4f4; }
.adminlogsdetails p { font-family: 'Inter-Regular'; font-size: 14px; margin-bottom: 0; color: #050F34; margin-top: 0px; }
/*CallBack Hold*/
.callbackhold .modal-content {
  padding: 0 15px;
  border-radius: 0;
}

.callbackhold .modal {
  padding-right: 0 !important;
}

.callbackhold .modal-dialog {
  max-width: 70%;
  width: 100%;
}

.callback-title {
  display: flex;
  align-items: center;
}

.callback-title .search-area {
  position: relative;
  margin-left: 15px;
}
.callback-holds label {
  margin: 0;
}
.callback-title .search-area .form-control {
  border: 1px solid #BDBDBD;
  padding-left: 25px;
}

.callback-title .search-area .form-control::placeholder {
  color: #8C9096;
}

.callbackhold .callback-title .searchicon {
  position: absolute;
  left: 10px;
  top: 7px;
}

/*Agent Ranks*/
.agentrank .modal-content {
  padding: 0 15px;
  border-radius: 0;
}

.agentrank .modal {
  padding-right: 0 !important;
}

.agentrank .modal-dialog {
  max-width: 675px;
  width: 100%;
}

.agentrank-title {
  display: flex;
  align-items: center;
}

.agentrank-title .search-area {
  position: relative;
  margin-left: 15px;
}

.agentrank-title .search-area .form-control {
  border: 1px solid #BDBDBD;
  padding-left: 25px;
}

.agentrank-title .search-area .form-control::placeholder {
  color: #8C9096;
}

.agentrank .agentrank-title .searchicon {
  position: absolute;
  left: 10px;
  top: 7px;
}

/*Place Test Call*/
.placetestcall .default_btn2 {
  max-width: 120px !important;
}


/*Hopper Leads*/
.hopperleads .simple-table {
  padding: 0 20px;
}

.hopperleads .modal-content {
  padding: 0 15px;
  border-radius: 0;
}

.hopperleads .modal {
  padding-right: 0 !important;
}

.hopperleads .modal-dialog {
  max-width: 90%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hopperleads-title {
  display: flex;
  align-items: center;
}

.hopperleads-title .search-area {
  position: relative;
  margin-left: 15px;
}

.hopperleads-title .search-area .form-control {
  border: 1px solid #BDBDBD;
  padding-left: 25px;
}

.hopperleads-title .search-area .form-control::placeholder {
  color: #8C9096;
}

.hopperleads .hopperleads-title .searchicon {
  position: absolute;
  left: 10px;
  top: 7px;
}

.hopperleads .source {
  position: relative;
  padding: 0 0 0 10px;
}

.hopperleads .source::after {
  width: 7px;
  height: 7px;
  position: absolute;
  content: '';
  border-radius: 50%;
  left: 0;
  top: 5px;
}

.hopperleads .source.s-color::after {
  background: #F2970F;
}

.hopperleads .status-footer {
  background: #FFFFFF;
  box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08);
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: center;
  padding: 15px;
}

.hopperleads .status-name {
  display: flex;
  align-items: center;
}

.hopperleads .status-name h4 {
  margin: 0;
  font-size: 13px;
  color: #6E7282;
  font-family: 'Inter-SemiBold';
}

.hopperleads .status-footer.active ul {
  height: auto;
  overflow: inherit;
}

.hopperleads .status-name ul {
  list-style: none;
  display: flex;
  margin: 0 15px;
  flex-wrap: wrap;
  height: 16px;
  overflow: hidden;
}

.hopperleads .status-name ul li {
  position: relative;
  font-size: 13px;
  color: #2A3357;
  padding: 0 10px;
}

.hopperleads .status-name ul li::before {
  width: 7px;
  height: 7px;
  position: absolute;
  content: '';
  border-radius: 50%;
  left: 0;
  top: 5px;
}

.hopperleads .status-name ul li.a-color::before {
  background: #4EDB0C;
}

.hopperleads .status-name ul li.n-color::before {
  background: #0F26F2;
}

.hopperleads .status-name ul li.non-color::before {
  background: #F20FC0;
}

.hopperleads .status-name ul li.q-color::before {
  background: #1629D2;
}

.hopperleads .status-name a {
  color: #0F78F2;
  font-size: 14px;
  display: flex;
}

.hopperleads .status-name span {
  margin-left: 10px;
}

.hopperleads .status-footer.active .status-name span svg {
  transform: rotate(180deg);
}

.hopperleads .select-campaign {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.hopperleads .select-campaign .form-control {
  width: 200px;
  margin: 0 14px 0 0;
}

/*.hopperleads .status-footer.active { height:auto; transition:0.5s; }*/
/*AC-CID*/
.alert-fixed {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 0 10px 0;
}

/*System Dashboard Graph css*/
/*RAM Usage*/
#ramusage-chart {
  width: 185px !important;
  height: 185px !important;
  margin-top: -18px;
}

/*CPU Avg. Load*/
#cpuavgload {
  width: 600px !important;
  height: 225px !important;
}

/*cpu utilization*/
#cpuutilization {
  width: 185px !important;
  height: 185px !important;
  margin-top: -18px;
}

.cpustatus .usedram {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 35px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cpustatus .usedram h2 {
  color: #050F34;
  top: 30px;
  font-size: 40px;
  font-family: 'Inter-Bold';
  position: relative;
}

.cpustatus .usedram h4 {
  color: #050F34;
  top: 62px;
  font-size: 18px;
  font-family: 'Inter-Medium';
  position: relative;
}

#cputemp-chart.chart-container #cputemp-chart-license-text {
  display: none;
}

#cputemp-chart.chart-container {
  overflow: visible !important;
}

/* Ping Dashboard */
#totalagents {
  height: 300px !important;
}

/*Dashboard*/
/* Not Connected chart */
#notconnected-chart {
  width: 230px !important;
  height: 230px !important;
}
/* Connected chart */
#connected-chart {
  height: 240px !important;
  align-items: center;
  display: flex;
  justify-content: center;
}
/* Stats Graphical Report */
#stats-graphical-report {
   margin: 0 auto;
   cursor: pointer;
   width: 100% !important;
}
/* productivity chart */
#productivity-chart {
  height: 270px;
  cursor: pointer;
}

/* call summary chart */
#call-summary {
  width: 270px !important;
  height: 270px !important;
}

/* Realtime Agent Stats */
#realtime-agent-stats {
  width: 150px !important;
  height: 150px !important;
}

/* Inbound/Outbound Call Summary: Call Types */
#calltypes-chart {
  width: 135px !important;
  height: 135px !important;
}

/* Inbound/Outbound Call Summary */
#Calls-statuses-chart {
  height: 155px !important;
}

/* Disposition Totals Report */
#disposition-totals-report {
  height: 300px !important;
}

/* Outbound Calling Report */
#outbound-calling-report-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

#avg-call-lenght-chart {
  height: 185px !important;
}

/* Agent Performance Detail */
#overall-report-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

#performance-avg-call-lenght-chart {
  height: 185px !important;
}

.calllength-title {
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  color: #6E7282 !important;
  font-size: 10px !important;
}

#performance-callstatuses {
  height: 174px !important;
}

#pause-codebreakdown-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

#user-overall-report-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

#user-performance-avg-call-lenght-chart {
  height: 185px !important;
}

#user-performance-callstatuses {
  height: 174px !important;
}

#user-pause-codebreakdown-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

/* SIP Utilization */
#sip-utilization {
  width: 400px !important;
  height: 400px !important;
  margin: 0 auto;
}

/*Inbound Report*/
#inbound-report-doughnut {
  width: 174px !important;
  height: 174px !important;
  margin: 0 auto;
}

#inbound-report-avg-call-lenght {
  height: 185px !important;
}

#custom-indicators-chart {
  width: 130px !important;
  height: 130px !important;
  margin: 0 auto;
}

#hold-time-breakdown {
  height: 180px !important;
}

#drop-time-breakdown {
  height: 180px !important;
}

#call-hangup-reason {
  width: 130px !important;
  height: 130px !important;
  margin: 0 auto;
}

/* Maximum Call Stats */
#maximum-call-stats {
  height: 300px !important;
}

.maximum-call-status {
  width: 100%;
}

.maximum-call-status ul {
  list-style: none;
  display: flex;
  justify-content: end;
}

.maximum-call-status ul li {
  position: relative;
  padding: 0 15px;
  font-family: 'Inter-Regular';
  color: #050F34;
  font-size: 13px;
}

.maximum-call-status ul li::before {
  width: 12px;
  height: 12px;
  content: '';
  position: absolute;
  left: 0;
  border-radius: 50%;
  top: 3px;
}

.maximum-call-status ul li.inbound::before {
  background: #5763CE;
}

.maximum-call-status ul li.outbound::before {
  background: #FF81A6;
}

/* Peak Sip Utilization */
#peak-sip-utilization {
  height: 410px !important;
}

.peak-sip-status {
  width: 100%;
  top: 15px;
  position: relative;
}

.peak-sip-status ul {
  list-style: none;
  display: flex;
  justify-content: end;
}

.peak-sip-status ul li {
  position: relative;
  padding: 0 15px 0 25px;
  color: #BCBFCF;
  font-size: 14px;
}

.peak-sip-status ul li::before {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  left: 5px;
  border-radius: 50%;
  top: 3px;
  z-index: 1;
}

.peak-sip-status ul li.airtel::before {
  background-image: linear-gradient(to right, #c8c0fd, #745efa);
}

.peak-sip-status ul li.jio::before {
  background-image: linear-gradient(to right, #fad7f7, #ef7ee4);
}

.peak-sip-status ul li::after {
  width: 20px;
  height: 3px;
  content: '';
  position: absolute;
  left: 0;
  border-radius: 5px;
  top: 6px;
}

.peak-sip-status ul li.airtel::after {
  background-image: linear-gradient(to right, #c8c0fd, #745efa);
}

.peak-sip-status ul li.jio::after {
  background-image: linear-gradient(to right, #fad7f7, #ef7ee4);
}

/* User Stats */
.customtab .tabdrop .dropdown-menu {
  height: auto;
  width: 230px;
}

#callstatuseschart {
  height: 220px !important;
}

#sidebar ul li.active .collapse {
  /* display: block; */
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility;
}

/* #sidebar ul li.active .nav-icon svg path { fill: #f0790b;}
#sidebar ul li.active > a { color: #f0790b; } */
.modal-dialog .search-area label { margin: 0; }
.checkbox-inner .tablecheck input:checked + label::after { top: 3px; }

/* Table scrollbar */
.table-responsive {
  scrollbar-color: #889BC8 #f5f7fa;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}
.table-responsive::-webkit-scrollbar {
  width: 15px;
  height: 10px;
}
.table-responsive::-webkit-scrollbar-track {
  background: transparent;
}
.table-responsive::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}

/*Landding page Css*/
.landing-content { height:100vh; display:flex; width:100%; }
.landing-slider-section { background:#0F1835; height:100vh; display: flex; align-items: center; }
.white-logo { position: absolute; top: 0; }
.landing-slider-section .slider-section { flex: auto; }
.landing-form { background:#fff; height: 100vh; display: flex; align-items: center; padding: 0 20px; }
.landing-form h2 { font-size:20px; color:#050F34; font-family:'Inter-Bold'; padding-top:0px; }
.landing-form .continue-list { display: flex; flex-direction: column; max-width:335px; width:100%; }
.landing-form .continue-list ul { list-style:none; margin:0;  }
.landing-form .continue-list ul li { margin:10px 0; }
.landing-form .continue-list ul li a { display: flex; align-items: center; padding:15px 25px; border: 1px solid #D1D6DC; border-radius: 8px; }
.landing-form .continue-list ul li a:hover { border-color: #007bff; }
.landing-form .continue-list ul li a:hover p { color: #007bff; }
.landing-form .continue-list span { margin-right:25px; }
.landing-form .continue-list p { font-size:18px; color:#050F34; font-family:'Inter-SemiBold';  }
.landing-form .continue-list .continue-btn { background:#0F78F2; font-family:'Inter-SemiBold'; padding:9px; border-radius: 5px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size:14px; color:#fff; border:0; }
.landing-form .continue-list .continue-btn:hover { background: #4b99f4; }
.landing-slider-section .carousel-caption { position:relative; right:0; left:0; bottom:0; padding:0; margin:30px 0; display: block !important; }
.landing-slider-section .carousel-caption h3 { font-size:32px; font-family:'Inter-SemiBold' !important; line-height:42.24px; }
.landing-slider-section .carousel-indicators { position:relative; top:20px; margin:0; }
.landing-slider-section .carousel-indicators li { width:20px; border-radius:5px; }
.landing-slider-section .carousel-item { text-align:center; margin-bottom: 0; }
.landing-slider-section .slider-section .carousel { padding: 0 50px; }
.landing-bottom-logo { position: fixed; bottom: 0; z-index: 0; }
.landing-slider-section .carousel-item { z-index: 9; }
/*Landding page Css End*/
/*Login page Css End*/
.login-right-column .alert h4 { font-size: 15px; margin: 0; font-family: 'Inter-Medium'; }
.login-right-column .alert-danger { background: #FDF7F7; border: 1px solid #F5B5B5; border-radius: 5px; color: #F65656; }
.login-right-column .alert-success { background: #FAFFFB; border: 1px solid #B1E4BC; border-radius: 5px; }
.login-right-column .alert.alert-success h4 { color: #16812E; }
.login-right-column .alert p { color: #050F34; margin-bottom: 0; font-size: 13px; font-family: 'Inter-Regular'; }

/* 30-03-2023 dashboard  server css*/
.serverdetails .submenu-tab { display: none; }
.serverdetails.active .submenu-tab { display: table-row; }
.serverdetails.active .server-addtr { display: inline-block; }
.serverdetails .server-addtr { color: #0F78F2; margin-left: 10px; cursor: pointer; position: absolute; }
.serverdetails .server-addtr .fa-minus { display: none; }
.serverdetails.active .server-addtr .fa-minus { display: block; }
.serverdetails.active .server-addtr .fa-plus { display: none; }
/* 30-03-2023 Edit Lead Callback css*/
#callbackDetails_tbl .radiobuttons label input { margin: 2px 0 0 0; }
#callbackDetails_tbl .radiobuttons label { display: flex; align-items: center; }
#callbackDetails_tbl .radiobuttons label p { font-size: 13px; }
#callbackDetails_tbl .form-group .calender { position: absolute; top: 9px; right: 10px; cursor: pointer; margin: 0; }
/* 04-04-2023 Email Module css*/
#emailmapping .search-inner label { margin: 0; }
#email_sub_type_div input { margin-top: 2px; top: 0 !important; }
#email_sub_type_div p { margin-top: 0; margin-left: 5px; }
.sidenavbar .email-icon { width: 14px; }
/* Call Times Active State Call */
.timessetting-content .statuscontent { background: #E0E2E9; border-radius: 4px; padding: 10px; font-size: 14px; color: #050F34; font-family: 'Inter-SemiBold'; display: flex; justify-content: space-between; margin: 5px 0; }
/*404 Error page Start css */
.session_error { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; }
.session_error .content { text-align:center; }
.session_error .content h2 { margin:0; padding:0; font-family:'Inter-SemiBold'; font-size:24px; }
.session_error .content a { display: inline-block; }
/*404 Error page End css*/

.choosefilebox .form-control { position: relative; z-index: 1; background: transparent; line-height: 22px; padding-right: 100px; }
.choosefilebox input[type="file"]::file-selector-button {
  padding: .2em .4em; border-radius: .2em; transition: 1s; border: 0; opacity: 0; right: 11px; position: absolute; height: 33px; bottom: 17px; border-radius: 5px; z-index: 1; cursor: pointer; }
.choosefilebox .imgattached { position: absolute; right:70px; top: 30px; }
.choosefilebox span.choosetext { position: absolute; background: #fff; height: auto; top: 32px; border-radius: 5px; opacity: 1; right: 8px; font-size: 14px; color: var(--button); z-index: 0; padding: 5px; }
.addbranding .textareafield { height: 80px !important;}
.choosefilebox .attachicon { position: absolute; left: 5px; top: 31px; }
.choosefilebox .qr-code { position: absolute; right: 20px; top: 30px; }
.choosefilebox .qr-code .imgattached { position: absolute; right:0; top: 0; }
.choosefilebox .qr-code i { z-index: 99; position: absolute; width: 15px; height: 15px; display: flex; justify-content: center; border-radius: 50%; font-size: 12px; align-items: center;
  right: -10px; right: 0; top: -2px; color: #f00; left: 1px; cursor: pointer; }
/* Admin Languages css */
.language-content .customtab ul { box-shadow: none; }
.language-display-content .table-content th { border-bottom: 0 !important; background: #F4F9FE; }
/* VM Messages Group */
#vmentrypopupdiv .table-content th { border-bottom: 0 !important; background: #F4F9FE; }
#vmentrypopupdiv .table-header h2 { font-size: 16px; font-family: 'Inter-Medium'; display: flex; align-items: center; }
/* Admin CID Group */
#ciddatatable.table-content th { border-bottom: 0 !important; background: #F4F9FE; }
.table-header.admincidgroup h2 { font-size: 16px; font-family: 'Inter-Medium'; display: flex; align-items: center; }
/*  */
.campaign-dialable-lead .modal-content {padding: 0 15px; border-radius: 0; }
.campaign-dialable-lead .modal-dialog { max-width: 650px;  width: 100%; }
.campaign-dialable-lead .modal { margin-right:auto; margin-left:auto; padding:0px !important;}
.campaign-dialable-lead ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: 5px; list-style: none;}
.campaign-dialable-lead ul li { margin-bottom:5px;}
.campaign-dialable-lead ul li a { padding: 9px 12px; display: inline-block; background: #FFFFFF; border: 1px solid #BCC4E1; box-sizing: border-box; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 100px; font-size: 14px; line-height: 17px; color: #2A3357; transition: 0.5s; }
.campaign-dialable-lead ul li a:hover { background: #42538E; border-color: #42538E; color:#ffffff;}
/* Other Information */
.other-info-table tr td { border: 1px solid #dee2e6; }
.other-info-table tr td.title { background-color: #FBFDFF; }
/* Whatsapp Report */
.whatsappmessagedata .modal-content { padding: 0 15px; border-radius: 0; }
.whatsappmessagedata .modal-body { padding: 0 0 15px 0; word-wrap: break-word; line-height: 22px; color: #212529; }
.whatsappmessagedata #iframe-src { width: 100%; border: 1px solid #f4f4f4; }
/* Whatsapp Report End*/
/* inbound-summary-hourly-report */
.inbound-summary-hourly-report-header { position: absolute; top: 15px; left: 15px; z-index: 1; }
.inbound-summary-hourly .table td { border-bottom: 1px solid #EFEFEF; }
.inbound-summary-hourly .dataTables_filter input { border: 1px solid #A0A8C8; height: 35px; border-radius: 5px; padding: 0 10px; }
.inbound-summary-hourly .dataTables_filter input:focus { background-color: #FBFDFF; border-color: var(--button); outline: 0; box-shadow: 0 0 0 .2rem #DFFFFF; }
.outbound-calling-report .table td { border-bottom: 1px solid #EFEFEF; }
.outbound-calling-report .dataTables_filter input { border: 1px solid #A0A8C8; height: 35px; border-radius: 5px; padding: 0 10px; }
.outbound-calling-report .dataTables_filter input:focus { background-color: #FBFDFF; border-color: var(--button); outline: 0; box-shadow: 0 0 0 .2rem #DFFFFF; }
/* table header sticky */
.table-sticky-header { overflow-y: auto; height: calc(100vh - 185px); }
.table-sticky-header .table thead { height: 85px; position: sticky; top: 0; z-index: 9; }
.tooltip { z-index: 100000000; }
.password-error #pass + .help-block ~ .help-block { display: none !important; }
.password-error #conf_secret + .help-block ~ .help-block { display: none !important; }
.password-error .description-field + .help-block ~ .help-block { display: none !important; }
/* Sticky Agent */
#addstickyAgentForm .formcontrolselect { display: flex; flex-direction: column; }
#addstickyAgentForm .formcontrolselect .help-block { order: 1; position: relative; top: 4px; }
/* realtime */
.agent-ingroup-info { color: #656AED; border-radius: 3px; display: inline-block; text-align: center; font-size: 9px; border: 1px solid #656AED; height: 15px; width: 15px; line-height: 13px; }
.agent-ingroup-info:hover { opacity: 0.5; color: #656AED;}
.realtime-other-popup .modal-content { border-radius: .0; border: 0; }
.realtime-other-popup .headingbox-content { flex-wrap: wrap; }
.realtime-other-popup .modal-dialog { max-width: 800px; width: 100%; margin-left: auto; margin-left: auto; }
.realtime-other-popup #agentIngroupInfo { z-index: 9999; }
.realtime-other-popup .popup-header-text { font-size: 16px; font-family: 'Inter-Medium'; }
/* CID Group */
#cidgroups .modal-dialog { max-width: 750px; padding: 0 15px; }
/* Admin-utility : lead tools */
.basicleadtools .notes-text { background-color: #e0ebf9; border:1px solid #e0ebf9; padding: 15px; border-radius: 5px; }
.basicleadtools .notes-text p { color: #327ad5; font-family: "Inter-Medium";}

/* Payment Utility */
.paymentutility .notes-text { background-color: #e0ebf9; border:1px solid #e0ebf9; padding: 15px; border-radius: 5px; }
.paymentutility .notes-text p { color: #327ad5; font-family: "Inter-Medium";}
/* Payment Utility */

/* listsplittool */
.listsplittool .notes-text { background-color: #e0ebf9; border:1px solid #e0ebf9; padding: 15px; border-radius: 5px; }
.listsplittool .notes-text p { color: #327ad5; font-family: "Inter-Medium";}
/* for Select2 dupplicate issue Start*/
.formcontrolselect .select2.select2-container ~ .select2.select2-container { display: none; }
/* for Select2 dupplicate issue End*/
#sidebar.active ul li:hover .collapse { left: 100%; display: block; }
#sidebar.active ul li.root_menu a:hover span { display: none; }
/* Multiple User */
#upload_multiple_leads #errordata { max-height: 300px; overflow-y: auto; scrollbar-color: #ffffff #ffffff; scrollbar-width: thin; }
#upload_multiple_leads #errordata::-webkit-scrollbar { width: 5px; height: 14px; }
#upload_multiple_leads #errordata::-webkit-scrollbar-track { background: transparent; }
#upload_multiple_leads #errordata::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 14px; }
#upload_multiple_leads #errordata::-webkit-scrollbar-thumb:hover { background: #ffffff; }
#usersErrorData td { border-bottom: 1px solid #FFE5E5; vertical-align: middle; }
#usersErrorData tr td { background: #fffbfb; }
/* innound Daily Report */
#inbound_daily_report td {  border-bottom: 1px solid #EFEFEF; }
/* System Dispositions */
#admin_system_status .default_btn2.addcontentbtn, #admin_system_status .default_btn2.addcontentbtn p { background: transparent; color: #0F78F2; }
#admin_system_status .default_btn2.addcontentbtn:hover { background: #e8f2fe; border-color: #0F78F2; }
#qc_status_categories .default_btn2.addcontentbtn, #qc_status_categories .default_btn2.addcontentbtn p { background: transparent; color: #0F78F2; }
#qc_status_categories .default_btn2.addcontentbtn:hover { background: #e8f2fe; border-color: #0F78F2; }
#qc_codes .default_btn2.addcontentbtn, #qc_codes .default_btn2.addcontentbtn p { background: transparent; color: #0F78F2; }
#qc_codes .default_btn2.addcontentbtn:hover { background: #e8f2fe; border-color: #0F78F2; }

/* Facebook API Mapping */
#apimappingdata th.breakword { width: 250px !important; }
#apimappingdata .breakword span { width: 250px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; }
/* QC */
#qc-form .modifyfooter { z-index: 1; }
/* Web API */
#agent_api_list th.firstcheckbox, #admin_api_list th.firstcheckbox, #custom_api_list th.firstcheckbox { width: 15px !important; }
#agent_api_list th.secondcheckbox, #admin_api_list th.secondcheckbox, #custom_api_list th.secondcheckbox { width: 150px !important; }
/* Edit User */
.password-fields .eye { position: absolute; right: 10px; top: 37px; }
.form-group.password-fields .form-control { padding-right: 35px; }
/* manager chat module */
#multichatMessage tbody td { border-bottom: 1px solid #f4f4f4; padding: 10px; }
#multichatMessage tbody > tr:hover { box-shadow:none; }
#multichatMessage .textareafield { height: 82px !important; }
#multichatMessage .scrolling { height: 80px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
#multichatMessage .scrolling::-webkit-scrollbar { width: 5px; height: 14px; }
#multichatMessage .scrolling::-webkit-scrollbar-track { background: transparent; }
#multichatMessage .scrolling::-webkit-scrollbar-thumb { background: #889BC8;  border-radius: 14px; }
#multichatMessage .scrolling::-webkit-scrollbar-thumb:hover { background: #889BC8; }

#multichatMessage .scrolling .send-chat { width: 85%; text-align: right; margin-left: auto; margin-right: 10px; }
#multichatMessage .scrolling .send-chat p { color: #2457a4; font-family: 'Inter-Medium'; padding: 3px 5px; background: #F4F9FE; border-radius: 5px; margin-top: 2px;margin-bottom: 2px; font-size: 12px; width: auto; display: inline-block; }
#multichatMessage .scrolling .received-chat { width: 85%; }
/* #multichatMessage .scrolling .received-chat p { color: #2457a4; font-family: 'Inter-Medium'; padding: 3px 5px; background: #F4F9FE; border-radius: 5px; margin-top: 2px;margin-bottom: 2px; font-size: 12px; width: auto; display: inline-block; } */
#multichatMessage .scrolling .received-chat p { margin: 2px 0; background: #f4f4f4; color: #353535; padding: 3px 5px; font-family: 'Inter-Medium'; border-radius: 5px; font-size: 12px; width: auto; display: inline-block; }
/* manager chat module End */
/* Add Multiple lead page css */
#addmultipleleadsform .radiobuttons { flex-wrap: wrap; }
#addmultipleleadsform .radiobuttons label { margin-bottom: 10px; }
/* Add Multiple lead page End */
/* SMS Log Report page  */
#sms_log_report_list pre { font-size: 12px; font-family: 'Inter-Regular'; margin: 0; padding: 5px 0; }
/* Message Configure */
.formcontrolselect.select2-error {  display: flex; flex-direction: column; }
.formcontrolselect.select2-error .form-control + .help-block, .formcontrolselect.select2-error .form-control + label.error { order: 2; margin-top: 5px; }
.multi-select1.select2-error {  display: flex; flex-direction: column; }
.multi-select1.select2-error.has-error { display: flex; flex-direction: column; }
.multi-select1.select2-error.has-error .form-control + .help-block { order: 2; margin-top: 5px; }

/* Realtime */
.realtime-content.active .realtime-status-table { height: calc(100vh - 260px); }
/* Pagination Dropdown */
.datatable-pagination-dropdown .dataTables_length select{ border:1px solid #8391C6 !important; line-height: 19px; color: #050F34 !important; font-family: 'Inter-Regular';
border-radius: 5px !important; height: 37px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); width:80px; }
.datatable-pagination-dropdown .dataTables_length select:focus-visible {  outline: 0; box-shadow: 0 0 0 .2rem #DFFFFF; }
/* Add user error */
.password-error .notallowspecialchar + .help-block ~ .help-block { display: none !important; }
.password-error .passwor-alert + .help-block ~ .help-block { display: none !important; }
/* Upload Tool Module */
#uploadToolModal .modal-content, #UpdateUploadModal .modal-content { border-radius: 0; border: 0; }
#uploadToolModal .content, #UpdateUploadModal .content { font-size: 14px; color: #050F34; line-height: 22px; }
#uploadToolModal .modal-title, #UpdateUploadModal .modal-title { font-size: 20px; color: #050F34; font-family: 'Inter-Bold'; margin: 0; }
.checkbox-inner.statuswise label { color:#050F34; font-size: 14px; }
/* licence Confi */
.general-license-details { display: grid; grid-template-columns: 30% 70%; }
.inbound-chat-report-box { display: grid; grid-template-columns: 50% 50%; }
.inbound-chat-report-box .listview-content p { font-size: 14px !important; color: #6E7282 !important; font-family: 'Inter-Regular' !important; margin: 5px 0 0 0; }
/* New pagination */
.custom-datatable-info-paginate .dataTables_info { display: flex !important; padding: 0 15px; margin: 0; font-size: 14px; line-height: 22px; color: #0B1234; text-align: right; }
.custom-datatable-info-paginate { display: flex; align-items: center; margin: 0px 0 10px 0; justify-content: space-between; }
.custom-datatable-info-paginate .dataTables_paginate { margin: 0; width: auto !important; }
/* plan Module css */
.plan-selected-features #tabs { box-shadow: none; border-bottom: 1px solid #EFEFEF; padding: 0 10px; }
.features-text p { margin: 0; color: #2A3357; font-size: 14px; }
.features-added-switch .switchcolumn:nth-child(3n+3) > .radiobox-column::after { display: none; }
.selected-features-list h2 { color: #40465E; font-size: 16px; font-family: 'Inter-Medium'; font-weight: 600; margin-bottom: 15px !important; }
.selected-features-list ul { margin: 0 0 15px 0; list-style: none; }
.selected-features-list ul li { font-size: 14px; font-family: 'Inter-Regular'; line-height: 30px; color: #050F34; }
.plan-content .plandetails .alert-success.activeplan { color: #17B93B; border: none; background: #EDFFF1; }
.plan-content .plandetails .alert-success.inactiveplan { color: #dc3545; border: none; background: #fff4f5; }
.plan-content .planfield { height: 50px; }

.plan-content .table-feature-list ul { list-style: none; margin: 0; width: 250px; }
.plan-content .table-feature-list ul li { font-size: 14px; padding: 0 10px 10px 10px; }
.plan-content #plan_list td { padding: 15px 10px; vertical-align: top; font-size: 14px; font-family: 'Inter-Regular'; color: #050F34; }
.plan-content #plan_list tr th:nth-child(4) { width: 800px !important; }
.plan-content #plan_list td .fa-angle-right { color: #0B1234; }
.plan-content .table-feature-list .row { flex-wrap: nowrap !important; }
.plan-content #plan_list tr td:first-child { border-radius: 10px 0 0 10px; }
.plan-content #plan_list tr td:last-child { border-radius: 0 10px 10px 0; vertical-align: middle; }
.plan-content #plan_list tbody tr { box-shadow: 0px 4px 20px 0px #E5EAF2; }
.plan-content #plan_list thead th { padding-top:0 !important; padding-bottom:0 !important; }
.plan-content #plan_list { border-spacing: 0 15px;}
.plan-content #plan_list thead th:hover { background: transparent; }
/* Message Board */
.messageboard td a.dropdown-toggle { position: relative; }
.messageboard td a.dropdown-toggle::after { content: url(../images/selectarrow.svg); position: absolute; border: 0; }
/* Predictive Report */
.predictive-report { display: grid; grid-template-columns: auto auto; width: 100%; column-gap: 15px; }
.predictive-report .predictive-content table td { border-bottom: 1px solid #EFEFEF; padding-left: 18px; padding-right: 18px; }

/* Agent Performance Detail Report */
.agent-performance-detail-content table td { border-bottom: 1px solid #EFEFEF; padding-left: 18px; padding-right: 18px; }
.agent-performance-detail-content .downloaduserstats-sta { display: none; }
.agent-performance-detail-content #brakeDetailLabelTime + .downloaduserstats-sta, .agent-performance-detail-content #agentDetailLabelTime + .downloaduserstats-sta { display: flex; }
/* Information Popup */
#help_doc .modal-dialog .modal-content { border: 0; border-radius: 0; }
#help_doc .modal-dialog .modal-content .modal-header { border-bottom: 1px solid #EFEFEF; }
#help_doc .modal-dialog .modal-content .modal-header h4 { font-size: 20px; color: #050F34; font-family: 'Inter-Bold'; margin: 0; }
#help_doc .modal-dialog .modal-content table td { font-size: 14px; color: #40465E; font-family: 'Inter-Medium'; line-height: 22px; }
#help_doc .modal-dialog .modal-content .btn-default { font-size: 14px; color:#fff; background-color: #ee5253; font-family: 'Inter-Medium'; transition: 0.5s; }
#help_doc .modal-dialog .modal-content .btn-default:hover { border-color: #ee5253; background-color: transparent; color: #ee5253;  }
/* Admin Template */
.phoneconftitle-title, .Carrersconftitle-title { display: flex; align-items: center; column-gap: 5px; }
.campaignHtml { line-height: 24px; font-family: 'Inter-Medium'; font-size: 14px; }
/* Agent Time Details Report header & footer fixed Start */
#agent-time-detail-report #userList thead { height: auto; position: sticky; top: 0px; z-index: 2; }
#agent-time-detail-report #userList tfoot { position: sticky; bottom: 0; height: auto; z-index: 2; }
#agent-time-detail-report .dataTables_wrapper { height: calc(100vh - 70px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
#agent-time-detail-report .dataTables_wrapper::-webkit-scrollbar { width: 8px; height: 14px; }
#agent-time-detail-report .dataTables_wrapper::-webkit-scrollbar-track { background: transparent; }
#agent-time-detail-report .dataTables_wrapper::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
#agent-time-detail-report .dataTables_wrapper::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
/* Agent Time Details Report header & footer fixed End */
/* Custom APR report header & footer fixed Start */
#custom_apr_report_data #custome_apr_report thead { height: auto; position: sticky; top: 0px; z-index: 1; }
#custom_apr_report_data #custome_apr_report tfoot { position: sticky; bottom: 0; height: auto; }
#custom_apr_report_data .dataTables_wrapper { height: calc(100vh - 70px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
#custom_apr_report_data .dataTables_wrapper::-webkit-scrollbar { width: 8px; height: 14px; }
#custom_apr_report_data .dataTables_wrapper::-webkit-scrollbar-track { background: transparent; }
#custom_apr_report_data .dataTables_wrapper::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
#custom_apr_report_data .dataTables_wrapper::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
/* Custom APR report header & footer fixed End */
/* manager new Chat css start */
.newchat-message .allow-agent-replies { width: 200px; margin-left: auto; }
.newchat-message .manager-textarea { position: relative; }
.newchat-message .manager-textarea textarea { box-shadow: 0px -1px 0px 0px #EFEFEF; border: 0; width: 100%; height: 70px; resize: none; padding: 15px 280px 15px 0; color: #050F34; font-family: 'Inter-Regular'; transition: 0.5s; }
.newchat-message .manager-textarea textarea:focus { border-color: none; outline: 0; box-shadow: 0px -1px 0px 0px #EFEFEF; background: #f5faff; padding-left: 15px; }
.newchat-message .manager-textarea textarea:focus + .submitbuttons { right: 15px; }
.newchat-message .manager-textarea .submitbuttons { display: flex; position: absolute; right: 0; top: 16px; transition: 0.5s; }
/* manager new Chat css End */
/* Manager Chat Css Start */
.manager-content .fields-details { height: calc(100vh - 260px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.manager-content .fields-details::-webkit-scrollbar { width: 8px; height: 14px; }
.manager-content .fields-details::-webkit-scrollbar-track { background: transparent; }
.manager-content .fields-details::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.manager-content .fields-details::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
.manager-content .newchat-footer { height:120px; }
.manager-content .newchat-footer .allow-agent-replies { width: 200px; margin-left: auto; }
.manager-content .newchat-footer .manager-textarea { position: relative; }
.manager-content .newchat-footer .manager-textarea textarea { box-shadow: 0px -1px 0px 0px #EFEFEF; border: 0; width: 100%; height: 70px; resize: none; padding: 25px 100px 15px 25px; }
.manager-content .newchat-footer .manager-textarea textarea:focus { border-color: var(--button); outline: 0; box-shadow: 0 0 0 .2rem #DFFFFF; }
.manager-content .newchat-footer .manager-textarea button.sendbtn { background: var(--button); width: 28px; height: 28px; position: absolute; right: 0; border: none; border-radius: 50%;
  display: flex; justify-content: center; align-items: center; top: 21px; right: 15px; transition: 0.5s; }
.manager-content .newchat-footer .manager-textarea button.sendbtn:hover { background:#262626; }
.manager-content .newchat-footer .manager-textarea button.sendbtn svg { width: 14px; }
.manager-content .newchat-footer .manager-textarea button.sendbtn svg path { fill: #fff; }
.chatmanager-content .nav-tabs { background: #F4F9FE; border: 0; }
/* .chatmanager-content .nav-tabs .nav-item { position: relative; top: 10px; } */
.chatmanager-content #multichatMessage a { position: relative; top: 10px; }
.chatmanager-content { background-color: #fff; }
.managerchat-content { display:flex; }
.managerchat-content .fade:not(.show) { opacity:1; }
.chatmanager-content .chatuserlist { background: #F4F9FE;  border: 0; align-items: end; }
.chatmanager-content .chatuserlist .nav-link { font-size: 14px; border: transparent; }
.chatmanager-content .chatuserlist li a { background: #fff; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 0.3s ease 0s; }
.chatmanager-content .chatuserlist li a:hover,
.chatmanager-content .chatuserlist li.active a,
.chatmanager-content .chatuserlist li.active a:hover { background: transparent; border: none; }
.chatmanager-content .chatuserlist li a:before,
.chatmanager-content .chatuserlist li a:after { content: ""; background-color: #F4F9FE; width: 50.5%; height: 100%; opacity: 0; transform: perspective(300px) rotateX(-100deg); position: absolute;
top: 0;left: 0; z-index: -1;transition: all 0.4s ease 0s; }
.chatmanager-content .chatuserlist li a:after{ transform: perspective(300px) rotateX(100deg); left: auto; right: 0; transition: all 0.4s ease 0.1s; }
.chatmanager-content .chatuserlist li.active a:before,
.chatmanager-content .chatuserlist li a:hover:before,
.chatmanager-content .chatuserlist li.active a:after,
.chatmanager-content .chatuserlist li a:hover:after { opacity: 1; transform: perspective(300px) rotateX(0); }

.chatmanager-content .nav-tabs .nav-link { color: #40465E; font-size: 14px; font-style: normal; border-width: 0 0 2px 0;
  padding-left: 0; padding-right: 0; }
.chatmanager-content .nav-tabs .dropdown-toggle::after { display: none; }
.manager-chat-user { max-width: 325px; width: 100%; height: calc(100vh - 107px); border-right:1px solid #f0f1f1; position: relative; overflow-y:auto; scrollbar-color:#ffffff #ffffff; scrollbar-width: thin; padding:0px;}
.manager-chat-user::-webkit-scrollbar { width: 8px; height: 14px; }
.manager-chat-user::-webkit-scrollbar-track { background: transparent; }
.manager-chat-user::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 14px; }
.manager-chat-user::-webkit-scrollbar-thumb:hover { background: #ffffff; }
.manager-chat-user .search { position: sticky; height: 55px; top: 0; background: #fff; margin: 15px 15px 0px 15px; z-index: 9; width: calc(100% - 30px); }
.manager-chat-user .search .form-control { padding-left:30px; }
.manager-chat-user .search .form-control::placeholder{ color:#8C9096; }
.manager-chat-user .search span { position: absolute; left: 9px; top: 10px }
.manager-chat-user .search span a { color: #8C9096; }
.manager-chat-user ul { list-style:none; margin:10px 0 0 0; }
.manager-chat-user ul li { margin:0; width: 100%; }
.manager-chat-user ul li a { display:flex; align-items: center; padding:15px; }
.manager-chat-user ul li a:hover { background:#F4F9FE; }
.manager-chat-user ul li a span.u-img { margin-right:10px; position:relative; }
.manager-chat-user ul li a span.online { content:''; position:absolute; right:0; height:8px; width:8px; background:#17B93B; bottom:4px; border-radius:50%; }
.manager-chat-user ul li a .content { display:flex; flex-direction: column; -ms-flex: 1; flex: 1; }
.manager-chat-user ul li a .content h2 { font-size:16px; color:#050F34; margin:0 0 5px 0; font-family:'Inter-Regular'; }
.manager-chat-user ul li a .content p.message { color:#050F34; margin-bottom:0; font-size:12px; font-family:'Inter-Regular'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 84%; }
.manager-chat-user ul li a .content .date { font-size:12px; color:#8C9096; font-family:'Inter-Regular';  }
.manager-chat-user ul li a .content .sms-count { background:#42538E; border-radius:50%; width:18px; height:18px; color:#42538E; color:#fff; font-size: 12px; font-family:'Inter-SemiBold'; display: flex;
justify-content: center; align-items: center; }
.manager-chat-user ul li a .content .column { display:flex; justify-content: space-between; }
.managerchat-content .messages-area { width: calc(100% - 325px); }
.managerchat-content .messages-area .header { border-bottom:1px solid #f0f1f1; padding:0 24px; display: flex; align-items: center; justify-content: space-between; height: 55px; box-shadow: 0px 1px 1px 0px #EFEFEF; }
.managerchat-content .messages-area .header h2 { font-size:16px; font-family:'Inter-Bold'; color:#353535; margin:0 0 0 10px; }
.managerchat-header { display: flex; align-items: center; }
.chatmanager-content .nav-tabs .endchatbtn a { color: #E83535; border: 1px solid rgba(232, 53, 53, 0.2); font-size: 14px; font-family: 'Inter-SemiBold';
  padding: 9px; display: flex; border-radius: 5px; }
.chatmanager-content .nav-tabs .endchatbtn a:hover { background: #E83535; color: #fff; }
.chatmanager-content .nav-tabs .endchatbtn a .fa-comment-slash {  display: none; }

.managerchat-content .messages-area .date_box { border-bottom:1px solid #9DA4B5; position:relative; justify-content: center; display: flex; margin:0 5px 0 15px; }
.managerchat-content .messages-area .date_box span { color:#4D4D4D; font-family:'Inter-SemiBold'; font-size:14px; background:#fbfcfd; padding:0 20px; position:absolute; top:-11px; }

.managerchat-content .sms-area .sendsms { display:flex; padding: 15px 5px 15px 0px; flex-direction: column; width:70%; }
.managerchat-content .sms-area .sendsms .content { background:#DCECFE; padding:10px; box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.08); border-radius: 4px; }
.managerchat-content .sms-area .sendsms .content p { margin:0; color:#2A3357; font-size: 14px; line-height: 19px; font-family:'Inter-Regular'; word-wrap: anywhere; }
.managerchat-content .sms-area .sendsms .time { text-align: right; font-size:12px; color:#8C9096; margin-top:5px; }
.managerchat-content .sms-area .receive { display:flex; padding: 15px 0px 15px 15px; flex-direction: column; width:70%; }
.managerchat-content .sms-area .receive .content { background:#fff; padding:10px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.08); border-radius: 4px; }
.managerchat-content .sms-area .receive .content p { margin:0; color:#2A3357; font-size: 14px; line-height: 19px; font-family:'Inter-Regular'; word-wrap: anywhere; }
.managerchat-content .sms-area .receive .time { text-align: left; font-size:12px; color:#8C9096; margin-top:5px; }

.managerchat-content .sms-area { width: 100%; height: calc(100vh - 220px); position: relative; overflow-y:auto; scrollbar-color:#ffffff #ffffff; scrollbar-width: thin; padding:0px 15px 20px 15px;}
.managerchat-content .sms-area::-webkit-scrollbar { width: 8px; height: 14px; }
.managerchat-content .sms-area::-webkit-scrollbar-track { background: transparent; }
.managerchat-content .sms-area::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 14px; }
.managerchat-content .sms-area::-webkit-scrollbar-thumb:hover { background: #ffffff; }
.managerchat-content .sms-textarea textarea.form-control { height: 58px; padding: 10px 100px 10px 24px; resize: none; border-top:1px solid #EFEFEF !important; border-radius:0; border:0; font-size:14px; color:#050F34; scrollbar-color: #889BC8 #D4DDF2;
  overflow-y: auto; }
.managerchat-content .sms-textarea textarea.form-control::-webkit-scrollbar { width: 8px; height: 14px; }
.managerchat-content .sms-textarea textarea.form-control::-webkit-scrollbar-track { background: transparent; }
.managerchat-content .sms-textarea textarea.form-control::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.managerchat-content .sms-textarea textarea.form-control::-webkit-scrollbar-thumb:hover { background: #889BC8; }

.managerchat-content .sms-textarea { position: sticky; height: 58px; bottom: 0; }
/* .managerchat-content .sms-textarea .form-control::placeholder { color:#8C9096; padding:18px 44px 18px 24px } */
.managerchat-content .send-btn { position: absolute; right: 55px; top: 16px; }
.managerchat-content .send-btn svg { width: 16px; }
.managerchat-content .send-btn path { fill: #fff; }
.managerchat-content .send-btn img { width:14px;}
.managerchat-content .sms-textarea .send-btn a { width:28px; height:28px; display:flex; background:#0F78F2; border-radius: 50%; justify-content: center; align-items: center; }
.managerchat-content .sms-textarea .send-btn a:hover { background:#262626; }
.managerchat-content .endchatbutton { position: absolute; right: 20px; top: 16px; }
.managerchat-content .endchatbutton a { width: 28px; height: 28px; display: flex; background: #E83535; border-radius: 50%; justify-content: center; align-items: center; color: #fff; }
.managerchat-content .endchatbutton a:hover { color: #E83535; background: #f8caca; }
.managerchat-header .backaarow { display: none; }
/* Manager Chat Css End */
/* inbound & inbound daily report */
.form-group.selected-group-column .card { border: 0; border-radius: 0; padding: 0; flex-direction: inherit; column-gap: 5px; flex-wrap: wrap; }
.form-group.selected-group-column .card p { box-shadow: 1px 1px 2px 0px #0000001F; border: 1px solid #BCC4E1; border-radius: 25px; font-size: 12px !important; color: #2A3357 !important; padding: 3px 6px; }
.listview-card-box1 .inbound-report-column .datatext { color: #0B1234 !important; }
/* inbound & inbound daily report End*/
/* manager Chat css End */

/* add multiple lead final */
.leaduploadcontent { display: flex; background: #fff; }
.leaduploadcontent .lead-upload.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.leaduploadcontent .lead-upload.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.leaduploadcontent .lead-upload.content-card::-webkit-scrollbar-track { background: transparent; }
.leaduploadcontent .lead-upload.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.leaduploadcontent .lead-upload.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.leaduploadcontent .lead-mapping.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.leaduploadcontent .lead-mapping.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.leaduploadcontent .lead-mapping.content-card::-webkit-scrollbar-track { background: transparent; }
.leaduploadcontent .lead-mapping.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.leaduploadcontent .lead-mapping.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.leaduploadcontent .lead-duplicatecheck.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.leaduploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.leaduploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-track { background: transparent; }
.leaduploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.leaduploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.leaduploadcontent .lead-other-details.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.leaduploadcontent .lead-other-details.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.leaduploadcontent .lead-other-details.content-card::-webkit-scrollbar-track { background: transparent; }
.leaduploadcontent .lead-other-details.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.leaduploadcontent .lead-other-details.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.leadupload-step { width: 260px; background: #F4F9FE; height: calc(100vh - 60px); padding: 50px 30px; }
.leadupload-step ul { margin: 0 auto; }
.leadupload-step ul li { display: flex; align-items: center; column-gap: 15px; position: relative; margin-bottom: 50px; }
.leadupload-step ul li span.step-info-icon .fa-check {display: none; }
.leadupload-step ul li.completed span.step-info-icon { background-color:#DDECFD; border-color: #0F78F2; color: #0F78F2; }
.leadupload-step ul li.completed span.step-info-icon .fa-check {display: block; }
.leadupload-step ul li.completed span.step-info-icon .stepicon {display: none; }
.leadupload-step ul li.active span.step-info-icon { background-color: #0F78F2; border-color: #0F78F2; color: #fff; }
.leadupload-step ul li::before { height: 40px; width: 1px; background-color: #9DA4B5; content: ''; position: absolute; top: 40px; left: 18px; }
.leadupload-step ul li:last-child::before { display: none; }
.leadupload-step ul li span.step-info-icon { border:1px solid #BADAFF; width: 36px; height: 36px; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #2A3357; }
.leadupload-step ul li label { margin: 0; font-size: 16px; color: #2A3357; font-family: 'Inter-Medium'; }
.leadupload-details-content { width: calc(100% - 260px); }
.lead-duplicatecheck.content-card .content .box1:nth-child(3) { margin-top: 38px; }
.lead-duplicatecheck.content-card .content { max-width: 750px; width: 100%; display: grid; grid-template-columns: 330px auto 330px; margin-top: 25px; }
.lead-duplicatecheck.content-card .content .duplicate-list { background: #F4F9FE; border: 1px solid #CAE9FF; border-radius: 10px; height: calc(100vh - 330px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa;
  scrollbar-width: thin; scroll-behavior: smooth; }
.lead-duplicatecheck.content-card .content .duplicate-list::-webkit-scrollbar { width: 8px; height: 14px; }
.lead-duplicatecheck.content-card .content .duplicate-list::-webkit-scrollbar-track { background: transparent; }
.lead-duplicatecheck.content-card .content .duplicate-list::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.lead-duplicatecheck.content-card .content .duplicate-list::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
.lead-duplicatecheck.content-card .content p { font-size: 16px; color: #2A3357; font-family: 'Inter-Regular'; margin: 0; padding: 10px 0; }
.lead-duplicatecheck.content-card .content .skipstep { display: flex; }
.lead-duplicatecheck.content-card .content button { border: 1px solid #BCBFCF; color: #2A3357; font-size: 14px; font-family: 'Inter-SemiBold'; padding: 9px; background-color: transparent; border-radius: 5px; }
.lead-duplicatecheck.content-card .content .duplicate-list h2 { border-bottom:1px solid #D8E2EC; font-size: 14px; font-family: 'Inter-SemiBold'; color: #0B1234; position: sticky; top: 0; height: 50px; background: #F4F9FE;
  z-index: 1; }
.lead-duplicatecheck.content-card .content .duplicate-list ul { list-style: none; }
.lead-duplicatecheck.content-card .content .duplicate-list li { margin-bottom: 10px; }
.lead-duplicatecheck.content-card .content .duplicate-list .tablecheck { margin-right: 0; }
.lead-duplicatecheck.content-card .content .duplicate-list .tablecheck label { font-size: 16px; color: #2A3357; font-family: 'Inter-Regular'; }
.lead-duplicatecheck.content-card .content .duplicate-list .checkbox-inner .tablecheck label::before { margin-right: 10px; }
.lead-duplicatecheck.content-card .content .duplicate-list .checkbox-inner .tablecheck input:checked + label::after { top: 4px; }
/* lead Uploaded Successfully */
.lead-uploaded-successfully #uploadedsuccessfully {  background-color: rgba(0,0,0, 0.5); }
.lead-uploaded-successfully .modal-dialog { max-width: 490px; width: 100%; }
.lead-uploaded-successfully .modal-content { border: 0; border-radius: 6px; }
.lead-uploaded-successfully .modal-content .modal-header { padding: 20px 0; margin: 0 30px; border-color: #EFEFEF; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.lead-uploaded-successfully .modal-content .modal-header .close { position: absolute; right: 15px; top: 15px; margin: 0; padding: 0; }
.lead-uploaded-successfully .modal-content .modal-header h4 { color: #2A3357; font-family: 'Inter-Medium'; font-size: 18px; }
.lead-uploaded-successfully .modal-content .modal-body { display: flex; flex-direction: column; }
.lead-uploaded-successfully .modal-content .modal-body .box { width: 100%; display: flex; align-items: center; }
.lead-uploaded-successfully .modal-content .modal-body .box p { font-size: 14px; color: #050F34; font-family: 'Inter-Regular'; margin: 0; padding-left: 10px; }
.lead-uploaded-successfully .modal-content .modal-body .box h3 { display: flex; align-items: center; margin: 0; justify-content: space-between; max-width: 250px; width: 100%; font-family: 'Inter-Regular'; font-size: 14px; color: #050F34; }
.lead-uploaded-successfully .modal-content .modal-body .box label { font-family: 'Inter-Regular'; margin: 0; color: #050F34; }
.lead-uploaded-successfully .modal-content .default_btn1 { border: 1px solid #9DA4B5; }
.lead-uploaded-successfully .modal-content .default_btn1:hover { border-color: var(--button); }
.upload-lead-step-footer .left-content { display: flex; align-items: center; }
.upload-lead-step-footer .left-content .default_btn1 { border: 1px solid #9DA4B5; }
.upload-lead-step-footer .left-content .default_btn1:hover { border-color: var(--button); }
.upload-lead-step-footer .left-content .radiobox-column { max-width: 360px; width: 100%; }
.upload-lead-step-footer .right-content { display: flex; align-items: center; }
.template_reque{display: block;}
.upload-lead-step-footer .form-group.radiobox-column.d-none { display: none !important; }
.leaduploadcontent .upload-lead-step-footer .left-content { display: flex; align-items: center; }
.leaduploadcontent .upload-lead-step-footer .left-content .default_btn1 { border: 1px solid #9DA4B5; }
.leaduploadcontent .upload-lead-step-footer .left-content .default_btn1:hover { border-color: var(--button); }
.leaduploadcontent .upload-lead-step-footer .right-content { display: flex; align-items: center; column-gap: 10px; }
.leaduploadcontent .upload-lead-step-footer .right-content .radiobox-column { max-width: 360px; width: 100%; }
.leaduploadcontent .upload-lead-step-footer .right-content .mapping-fields { width: 190px; }
.leaduploadcontent .lead-duplicatecheck .next-preview { display: flex; align-items: center; flex-direction: column; justify-content: center; height: calc(100vh - 330px); position: relative; top: 54px; }
.leaduploadcontent .lead-duplicatecheck .next-preview a { border: 1px solid #CCCCDB; width: 32px; height: 32px; border-radius: 6px; color: #CCCCDB; justify-content: center; align-items: center; display: flex; }
.leaduploadcontent .lead-duplicatecheck .next-preview a:hover { border: 1px solid #2A3357; background-color: #2A3357; color: #fff; }
.leaduploadcontent .lead-duplicatecheck .next-preview a.active { border: 1px solid #2A3357; background-color: #2A3357; color: #fff; }
.leaduploadcontent .lead-mapping .mapping-table th {  background: #F7F7FC; border-bottom: 0 !important; }
.leaduploadcontent .lead-mapping .mapping-table .form-control { width: 270px; }
.status-message {width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;}
.success-arrow {background: #17b93b;}
.notsuccess-arrow {background: #ee5253;border-radius: 50%;}
#addmultipleleadsform .addmultileads-content .image-upload-wrap{margin-bottom: 35px;}
/* add multiple lead final End*/

/* Upload Payment Utility */
.paymentutilityuploadcontent { display: flex; background: #fff; }
.paymentutilityuploadcontent .payment-utility-upload.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.paymentutilityuploadcontent .payment-utility-upload.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.paymentutilityuploadcontent .payment-utility-upload.content-card::-webkit-scrollbar-track { background: transparent; }
.paymentutilityuploadcontent .payment-utility-upload.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.paymentutilityuploadcontent .payment-utility-upload.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.paymentutilityuploadcontent .lead-mapping.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.paymentutilityuploadcontent .lead-mapping.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.paymentutilityuploadcontent .lead-mapping.content-card::-webkit-scrollbar-track { background: transparent; }
.paymentutilityuploadcontent .lead-mapping.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.paymentutilityuploadcontent .lead-mapping.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.paymentutilityuploadcontent .lead-duplicatecheck.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.paymentutilityuploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.paymentutilityuploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-track { background: transparent; }
.paymentutilityuploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.paymentutilityuploadcontent .lead-duplicatecheck.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.paymentutilityuploadcontent .lead-other-details.content-card { height: calc(100vh - 130px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.paymentutilityuploadcontent .lead-other-details.content-card::-webkit-scrollbar { width: 8px; height: 14px; }
.paymentutilityuploadcontent .lead-other-details.content-card::-webkit-scrollbar-track { background: transparent; }
.paymentutilityuploadcontent .lead-other-details.content-card::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.paymentutilityuploadcontent .lead-other-details.content-card::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.payment-utility-uploaded-successfully #uploadedsuccessfully {  background-color: rgba(0,0,0, 0.5); }
.payment-utility-uploaded-successfully .modal-dialog { max-width: 490px; width: 100%; }
.payment-utility-uploaded-successfully .modal-content { border: 0; border-radius: 6px; }
.payment-utility-uploaded-successfully .modal-content .modal-header { padding: 20px 0; margin: 0 30px; border-color: #EFEFEF; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.payment-utility-uploaded-successfully .modal-content .modal-header .close { position: absolute; right: 15px; top: 15px; margin: 0; padding: 0; }
.payment-utility-uploaded-successfully .modal-content .modal-header h4 { color: #2A3357; font-family: 'Inter-Medium'; font-size: 18px; }
.payment-utility-uploaded-successfully .modal-content .modal-body { display: flex; flex-direction: column; }
.payment-utility-uploaded-successfully .modal-content .modal-body .box { width: 100%; display: flex; align-items: center; }
.payment-utility-uploaded-successfully .modal-content .modal-body .box p { font-size: 14px; color: #050F34; font-family: 'Inter-Regular'; margin: 0; padding-left: 10px; }
.payment-utility-uploaded-successfully .modal-content .modal-body .box h3 { display: flex; align-items: center; margin: 0; justify-content: space-between; max-width: 250px; width: 100%; font-family: 'Inter-Regular'; font-size: 14px; color: #050F34; }
.payment-utility-uploaded-successfully .modal-content .modal-body .box label { font-family: 'Inter-Regular'; margin: 0; color: #050F34; }
.payment-utility-uploaded-successfully .modal-content .default_btn1 { border: 1px solid #9DA4B5; }
.payment-utility-uploaded-successfully .modal-content .default_btn1:hover { border-color: var(--button); }


.upload-payment-utility-step-footer .right-content { display: flex; align-items: right; }
.upload-payment-utility-step-footer .form-group.radiobox-column.d-none { display: none !important; }
.paymentutilityuploadcontent .upload-payment-utility-step-footer .right-content { display: flex; align-items: center; column-gap: 10px; }
.paymentutilityuploadcontent .upload-payment-utility-step-footer .right-content .radiobox-column { max-width: 360px; width: 100%; }
.paymentutilityuploadcontent .upload-payment-utility-step-footer .right-content .mapping-fields { width: 190px; }
.paymentutilityuploadcontent .lead-duplicatecheck .next-preview { display: flex; align-items: center; flex-direction: column; justify-content: center; height: calc(100vh - 330px); position: relative; top: 54px; }
.paymentutilityuploadcontent .lead-duplicatecheck .next-preview a { border: 1px solid #CCCCDB; width: 32px; height: 32px; border-radius: 6px; color: #CCCCDB; justify-content: center; align-items: center; display: flex; }
.paymentutilityuploadcontent .lead-duplicatecheck .next-preview a:hover { border: 1px solid #2A3357; background-color: #2A3357; color: #fff; }
.paymentutilityuploadcontent .lead-duplicatecheck .next-preview a.active { border: 1px solid #2A3357; background-color: #2A3357; color: #fff; }
.paymentutilityuploadcontent .lead-mapping .mapping-table th {  background-color: #F7F7FC; border-bottom: 0 !important; }
.paymentutilityuploadcontent .lead-mapping .mapping-table .form-control { width: 270px; }

.paymentutilityupload-details-content { width: 100%; }

#paymentutilityform .paymentutility-content .image-upload-wrap{margin-bottom: 35px;}
/* End */
/* Agent User Group Login Report Fixed Header */
#agent-time-detail-report table#userList th {  background-color: var(--bodybg); z-index: 2; }
#agent-time-detail-report table#userList .dtfc-fixed-left { z-index: 1; }
/* Agent Performance detail report  */
.table-header .table-right-section { display: flex; align-items: center; column-gap: 10px; }
.table-header .table-right-section .timerange { font-family: 'Inter-Regular';  font-size: 14px; color: #050F34; }
.table-header .table-right-section .downloaduserstats-sta { position: relative; top: -3px; }
/* campaign */
.campaignmodify .table-header .info a { color: var(--button); }
#statuses_within_active_list { margin-top: 0 !important; }
#statuses_within_active_list h4 { font-family: 'Inter-Medium'; font-size: 16px; }
#statuses_within_active_list .popup-header { padding-top: 0 !important; }
/* Audio Voice Mail */
#addadmaudiostorefileform { background: #fff; box-shadow: 0px 4px 20px #E5EAF2; padding: 15px; border-radius: 8px; margin-bottom: 15px; }
#assignbuckettable li { list-style: none; }
#assignbuckettable .alllink2, #activebucketstable .alllink2 { font-family:'Inter-Regular';}
/* Lead Import History */
.importhistory-content .viewarrow { color: #9DA4B5; margin-left: 10px; }
.importhistory-content .lastcolumn { width: 150px !important; }
.importhistory-content label { margin: 0; color: #0B1234; font-family: 'Inter-Regular'; }
.importhistory-content .status-content { display: flex; align-items: center; justify-content: space-between; }
.history-file-status .popup-header p { color: #050F34; font-family: 'Inter-Regular'; font-size: 14px; font-weight: 400; }
.history-file-status .popup-header span { font-family: 'Inter-Medium'; }
.revert-import-modal .modal-dialog { max-width: 450px; width: 100%; }
.revert-import-modal .modal-content { border-radius: 10px; border: 0; }
.revert-import-modal .modal-header { background: #EBF4FF; border-radius: 10px 10px 0 0; border: 0; }
.revert-import-modal .modal-header .modal-title { font-size: 20px; font-family: 'Inter-Bold'; color: #050F34; }
.revert-import-modal .modal-content p { font-size: 16px; font-family: 'Inter-Regular'; line-height: 22px; color: #050F34; }
.popupcontent.history-file-status.active .module-content { max-width: 400px; }
.history-file-status .revered-satatus-content ul { list-style: none; margin-bottom: 0; }
.history-file-status .revered-satatus-content ul li { display: flex; margin: 10px 0; }
.history-file-status .revered-satatus-content ul li .dot { width: 30px; display: flex; justify-content: center; }
.history-file-status .revered-satatus-content ul li p.link { color: #0F78F2; }
.history-file-status .revered-satatus-content ul li label { font-family: 'Inter-Regular'; font-size: 14px; color: #6E7282; width: 150px; }
.history-file-status .revered-satatus-content ul li p { font-family: 'Inter-Regular'; font-size: 14px; color: #050F34; width: 100px; margin: 0; }
/* Lead Import History End*/
/* Message board : Add template */
#add_template.active .module-content { max-width: 950px; }
#add_template .note-editor.note-airframe, #add_template .note-editor.note-frame { border: 1px solid #8391C6; }
#add_template .note-toolbar { background: transparent; }
#add_template .note-btn-group .note-btn { border-color: #D6E6F2; padding: 4px 10px; font-size: 12px; background: #F3F9FE; }
#add_template .note-editor.note-airframe .note-statusbar, #add_template .note-editor.note-frame .note-statusbar { background-color: #F3F9FE; border-top: 1px solid #D6E6F2; }
.signle_error{border-color: #E83535 !important;}
#edit_template.active .module-content { max-width: 950px; }
#edit_template .note-editor.note-airframe, #edit_template .note-editor.note-frame { border: 1px solid #8391C6; }
#edit_template .note-toolbar { background: transparent; }
#edit_template .note-btn-group .note-btn { border-color: #D6E6F2; padding: 4px 10px; font-size: 12px; background: #F3F9FE; }
#edit_template .note-editor.note-airframe .note-statusbar, #edit_template .note-editor.note-frame .note-statusbar { background-color: #F3F9FE; border-top: 1px solid #D6E6F2; }
/* Message board : Add template End*/
/* custom fields */
.custom-fields-headding { display: flex; width: 100%; border-bottom: 1px solid #002863 !important; margin: 0 0 10px 0 !important; padding-bottom: 5px !important; border-radius: 0 !important; }
.custom-fields-headding a { color: #292929; font-size: 20px; line-height: 24px; font-family: 'Inter-Bold'; }
.custom-fields-headding h4 { font-size: 20px; font-family: 'Inter-Bold'; }
.custom-fields-headding a:hover { color: var(--button); }
/* omnichannel Dashboard */
.omnichannel-content .card-content { border-radius: 8px; width: 20%; display: flex; flex-direction: column; padding: 20px; }
.omnichannel-content .card-content .inbound-outbound-content { display: flex; justify-content: space-between; align-items: center; border-color: #fff !important; }
.omnichannel-content .card-content .inbound-outbound-content label { font-size: 18px; font-family: 'Inter-Regular'; color: #050F34; margin: 0; }
.omnichannel-content .card-content .inbound-outbound-content span.count { font-size: 18px; font-family: 'Inter-Bold'; color: #050F34; }
.omnichannel-content .card-content h2 { font-size: 18px; color: #050F34; font-family: 'Inter-Bold'; border-color: #fff !important; }
.omnichannel-content .card-content .total { display: flex; justify-content: space-between; align-items: center; border-color: #fff !important; }
.omnichannel-content .card-content .total label { font-size: 18px; font-family: 'Inter-Bold'; margin: 0; }
.omnichannel-content .card-content .total span.total-count { font-size: 18px; font-family: 'Inter-Bold'; }

.omnichannel-content .system-count { display: flex; column-gap: 10px; }

.omnichannel-content .call-status { border:1px solid #6C5CE7; background: #F7F6FF; }
.omnichannel-content .call-status .total label, .omnichannel-content .call-status span.total-count {  color: #6C5CE7; }

.omnichannel-content .sms-status { border:1px solid #00CEC9; background: #F4FFFF; }
.omnichannel-content .sms-status .total label, .omnichannel-content .sms-status span.total-count {  color: #00CEC9; }

.omnichannel-content .email-status { border:1px solid #E17055; background: #FFFAF9; }
.omnichannel-content .email-status .total label, .omnichannel-content .email-status span.total-count { color: #E17055; }

.omnichannel-content .whatsapp-status { border:1px solid #27AE60; background: #F3FFF8; }
.omnichannel-content .whatsapp-status .total label, .omnichannel-content .whatsapp-status span.total-count { color: #27AE60; }

.omnichannel-content .chat-status { border:1px solid #8E44AD; background: #FCF3FF; }
.omnichannel-content .chat-status .total label, .omnichannel-content .chat-status span.total-count { color: #8E44AD; }

.omnichannel-content .facebook-status { border:1px solid #1877F2; background: #F0F7FF; }
.omnichannel-content .facebook-status .total label, .omnichannel-content .facebook-status span.total-count { color: #1877F2; }

.omnichannel-content .twitter-status { border:1px solid #1A8CD8; background: #E9F6FF; }
.omnichannel-content .twitter-status .total label, .omnichannel-content .twitter-status span.total-count { color: #1A8CD8; }
.omnichannel-content #graphical-stats { height: 300px !important; }

.agentwise-data .table-content th { font-size: 13px; color: #050F34; font-family: 'Inter-Semibold'; border: 1px solid #EFEFEF !important; font-weight: normal; background: #D1E6FF; text-align: center; }
.agentwise-data .table-content td { text-align: center; }
.agentwise-data td.total { font-family: 'Inter-Bold'; color: #42538E; }
/* playback forword speed css */
.btn-action.playback_speed { background: #0F78F2; border-radius: 5px; border: 1px solid transparent; transition: all 0.5s ease-in; }
.btn-action.playback_speed:hover { background: transparent; border: 1px solid #0F78F2; }
.btn-action.playback_speed:hover p { color: #0F78F2; }
.btn-action.playback_speed p { color: #fff; }
/* playback forword speed css end*/
/* report page css */
.reports-column { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
.reportmap .content .listing ul li a:hover h3 { color: var(--button); }
/* report page css End*/
/* add user css */
.password-error .adduserpasswordfield + .help-block ~ .help-block { display: none !important; }
/* add user css end*/
/* Help Popup Css Start*/
.help-data-pupup .modal-dialog { max-width: 700px; width: 100%; }
.help-data-content { max-height: 450px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scroll-behavior: smooth; }
.help-data-content::-webkit-scrollbar { width: 8px; height: 14px; }
.help-data-content::-webkit-scrollbar-track { background: transparent; }
.help-data-content::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.help-data-content::-webkit-scrollbar-thumb:hover { background: #889BC8; }

.help-data-content h4 { font-size: 16px; font-family: 'Inter-Medium'; color: #050F34; margin-bottom: 15px; }
/* .help-data-content { height: 450px; overflow-y: auto; } */
.help-data-content .data { display: flex; column-gap: 10px; border-top: 1px solid #E3E7F9; padding: 10px 0; flex-direction: column; }
.help-data-content .data span { font-size: 14px; color: #7785C8; font-family: 'Inter-SemiBold'; margin-bottom: 5px; }
.help-data-content .data label { font-size: 14px; color: #050F34; font-family: 'Inter-SemiBold'; margin-bottom: 5px; }
.help-data-content .data p { color:#2A3357; margin: 0; font-size: 14px; font-family: 'Inter-Regular'; line-height: 22px; }
/* Help Popup Css Start End*/
/* multiselect placeholder css */
.multi-select1 ul li.select2-search .select2-search__field::placeholder { color: #6E7282; }
/* multiselect placeholder css End*/
/* outbound Calling Report css */
.outbound-calling-report #outbound_table_1 th:first-child { width: 280px !important; }
.outbound-calling-report #outbound_table_2 th:first-child { width: 280px !important; }
.outbound-calling-report #outbound_table_2 th:nth-child(2) { width: 100px !important; }
.outbound-calling-report #outbound_table_3 th:first-child { width: 280px !important; }
.outbound-calling-report #outbound_table_4 th:first-child { width: 350px !important; }
.outbound-calling-report #outbound_table_5 th:first-child { width: 150px !important; }
.outbound-calling-report #outbound_table_7 th:first-child { width: 300px !important; }
.outbound-calling-report #outbound_table_7 th:nth-child(2) { width: 100px !important; }
.outbound-calling-report #outbound_table_7 th:nth-child(3) { width: 120px !important; }
.outbound-calling-report #outbound_table_6 th:first-child { width: 300px !important; }
.outbound-calling-report #outbound_table_11 th:first-child { width: 300px !important; }
.outbound-calling-report #outbound_table_9 th:first-child { width: 280px !important; }
.outbound-calling-report #outbound_table_9 th:nth-child(2) { width: 100px !important; }
.outbound-calling-report #outbound_table_10 th:first-child { width: 300px !important; }
/* outbound Calling Report css End*/
/* Admin -  Phone css Start*/
#adminphonesList .table-responsive { overflow: visible !important; }
/* Admin -  Phone css End*/
/* TTS Balance History css */
.history_view .modal-dialog { max-width: 1000px; width: 100%; padding: 0 20px; }
.history_view .modal-content { border: 0; border-radius: 0; }
.history_view .popup-header { padding: 15px; }
.history_view .modal-content .modal-body { max-height: 300px; overflow-y: auto; }
.history_view .modal-content .simple-table td { border-bottom: 1px solid #f4f4f4; }
/* TTS Balance History css End*/

/* Chat Log Report css */
.show_manager_data .modal-dialog { max-width: 800px; width: 100%; padding: 0 20px; }
.show_manager_data .modal-content { border: 0; border-radius: 0; }
.show_manager_data .popup-header { padding: 15px; }
.show_manager_data .modal-content .modal-body { max-height: 300px; overflow-y: auto; }
.show_manager_data .modal-content .simple-table td { border-bottom: 1px solid #f4f4f4; }

.show_customer_data .modal-dialog { max-width: 800px; width: 100%; padding: 0 20px; }
.show_customer_data .modal-content { border: 0; border-radius: 0; }
.show_customer_data .popup-header { padding: 15px; }
.show_customer_data .modal-content .modal-body { max-height: 300px; overflow-y: auto; }
.show_customer_data .modal-content .simple-table td { border-bottom: 1px solid #f4f4f4; }

/* Chat Log Report css End*/
/* custom fields css*/
.custom-fields-label a { word-wrap: anywhere; }
/* custom fields css End*/
/* Bulk DID */
.password-error #Did_to_insert + .help-block ~ .help-block { display: none !important; }
/* Bulk DID End*/
/* Ticket Dashboard css */
.ticketsummary-graph .status-graph { height: 390px; display: flex; justify-content: center; }
.channelsummary-graph { height: 390px; display: flex; justify-content: center; }
.hourly-graph-status { height: 390px; display: flex; justify-content: center; }
.department-status, .tag-status, .priority-status { height: 410px; }
.department-status p, .tag-status p, .priority-status p { font-family: 'Inter-Medium'; font-weight: 600; color: #050F34; font-size: 14px; margin-bottom: 10px; padding: 15px 15px 10px 15px; }
.department-status label, .tag-status label, .priority-status label { font-family: 'Inter-Regular'; color: #050F34; font-size: 14px; }
.department-status span, .tag-status span, .priority-status span { font-family: 'Inter-Medium'; font-weight: 600; color: #050F34; font-size: 14px; }
.department-status .list-group, .tag-status .list-group, .priority-status .list-group { height: 325px; overflow-y: auto; padding: 0 15px; }
#order_tab #department { background: #EBF5FF; border-top: 1px solid #CDE2F9; }
table.listing-table-content.ticket-system-list tr:hover .link-listing { max-width: 80px; }
/*Survey Broadcasting Dashboard css start*/
.survey-campaigns { width: 200px; }
.survey-campaigns .form-control {  }
.survey-broadcasting-content .status-card { display: flex; justify-content: space-between; background: #FFFFFF; border-radius: 5px; padding: 20px; }
.survey-broadcasting-content .status-card .card-box { border-right: 1px solid #EFEFEF; width: 100%; justify-content: flex-start; display: flex; padding: 0 20px; }
.survey-broadcasting-content .status-card .card-box span { margin-right: 10px; }
.survey-broadcasting-content .status-card .card-box .content p { font-size: 14px; color: #6E7282; line-height: 17px; margin: 1px 0px; font-family: 'Inter-Regular'; }
.survey-broadcasting-content .status-card .card-box .content h2 { font-size: 18px; line-height: 22px; font-family: 'Inter-Bold'; color: #2A3357; margin: 1px 0px; }
.survey-broadcasting-content .status-card .fresh-lead { border-right: 0; }
.connected-data-report-section .connected-data-report-box { display: flex; flex-wrap: nowrap; align-items: center; }
.connected-data-report-section .connected-report-graph { width: 100%; display: grid; place-items: center; }
.connected-data-report-section .connected-data-report-box .status-list { width: 180px; }
.connected-data-report-section .connected-data-report-box .status-list ul { list-style: none; margin: 0; }
.connected-data-report-section .connected-data-report-box .status-list ul li { position: relative; font-size: 13px; padding: 0 0 0 17px; line-height: 30px; display: flex; justify-content: space-between; align-items: center; }
.connected-data-report-section .connected-data-report-box .status-list ul li p { margin: 0; font-family: 'Inter-Regular'; color: #050F34; }
.connected-data-report-section .connected-data-report-box .status-list ul li span { font-family: 'Inter-SemiBold'; }
.connected-data-report-section .connected-data-report-box .status-list ul li::before { width: 12px; height: 12px; content: ''; left: 0; position: absolute; border-radius: 50%; top: 9px; }
.connected-data-report-section .connected-data-report-box .status-list ul li .circle { width: 12px; height: 12px; content: ''; left: 0; position: absolute; border-radius: 50%; top: 9px; }
.connected-data-report-section .connected-data-report-box .status-list ul li.ready::before { background: #26C3CC; }
.connected-data-report-section .connected-data-report-box .status-list ul li.ringing::before { background: #CF82F1; }
.connected-data-report-section .connected-data-report-box .status-list ul li.incall::before { background: #656AED; }
.connected-data-report-section .connected-data-report-box .status-list ul li.waiting::before { background: #FE9292; }
.connected-data-report-section .connected-data-report-box .status-list ul li.ivrcall::before { background: #4EA8E5; }
.connected-data-report-section .connected-data-report-box .status-list ul li.paused::before { background: #FFA26D; }
.connected-data-report-section .columnbox { min-height: 400px; }
/*Survey Broadcasting Dashboard css End*/
/* DID Trafic Report css Start*/
#diddatasummary tfoot th, #datasummary tfoot th, #callstatussummary tfoot th { padding: 10px 12px !important; }
/* Redesign Reports css start*/
.subhead-table-content { border-spacing: 0 0px !important; }
.subhead-table-content th { border: 1px solid #8391C6; }
.subhead-table-content .subhead-first th { text-align: center; color: #2A3357; font-family: 'Inter-SemiBold'; font-size: 14px; padding-top: 5px; padding-bottom: 5px; border-right: 0 !important; }
.subhead-table-content .subhead-second th { color: #2A3357; font-family: 'Inter-Regular'; font-size: 14px; font-weight: 400; padding-top: 5px; padding-bottom: 5px; border-right: 0 !important; border-bottom: 1px solid #8391C6 !important; }
.subhead-table-content thead th { border-color:#8391C6 !important; vertical-align: middle; }
.subhead-table-content tbody {background-color: #fff; }
.subhead-table-content tbody td { color: #2A3357; font-family: 'Inter-Regular'; font-size: 13px; font-weight: 400; background: #fff; border-bottom: 1px solid #EAF2FE; border-color: #EAF2FE; border-right: 0 }
.subhead-table-content tfoot th { color: #2A3357; font-family: 'Inter-Medium'; font-size: 14px; border-right: 0; border-left: 0; background: #F5F7FA; border-top-width: 1px; }
/* Redesign Reports css End*/
/* New SLA Policy Css Start */
.conditions-data, .send-escalation-data, .remind-agent-data { background: #f5f7fa; padding: 0 10px; border-radius: 5px; position: relative; }
.conditions-data .deletedata, .send-escalation-data .deletedata, .remind-agent-data .deletedata { position: absolute; right: 10px; width: 30px; height: 30px; display: flex; justify-content: center;
  align-items: center; background: #f0cdcd; color: #d63031; border-radius: 50%; font-size: 14px; top: 10px; }
  .conditions-data .deletedata:hover, .send-escalation-data .deletedata:hover, .remind-agent-data .deletedata:hover { background: #d63031; color: #fff; }
.sla-alert .close { top: 10px; padding: 0 15px; }
.sla-alert.alert-info { color: #0c5460; background-color: #f4fdff; border-color: #bee5eb; }
.slatarget-table.table-content th { font-size: 13px; color: #050F34; font-family: 'Inter-Semibold'; border-top: 0; border-bottom: 0 !important; font-weight: normal; background: #e8f2fe; }
.slatarget-table .radio-switch label:first-of-type::after { padding: 1px 0 3px 5px; }
.slatarget-table .radio-switch input:first-of-type:checked ~ label:first-of-type::after { padding: 1px 0 3px 21px; }
.circle-status { position: relative; padding-left:25px !important; }
.circle-status::before { width: 12px; height: 12px; background-color: #fff; content: ''; position: absolute; left: 5px; border-radius: 50%; top: 25px; }
.slatarget-table .urgent::before { background-color: #e74c3c !important; }
.slatarget-table .high::before { background-color: #e67e22 !important; }
.slatarget-table .medium::before { background-color: #2980b9 !important; }
.slatarget-table .low::before { background-color: #27ae60 !important; }
/* New SLA Policy Css Start End*/
/* web-server-url report css start */
.webserver-url-reportheader { position: absolute; top: 15px; left: 15px; }
/* web-server-url report css end */
/* copyright css*/
.copyright { position: absolute; bottom: 0; background: var(--sidebarbg); padding: 10px 5px; right: 0; left: 0; text-align: center; box-shadow: 0px -4px 0px #030A22; }
.copyright p { font-size: 11px; font-family: 'Inter-Regular'; color: #fff; text-align: center; }
/* copyright css End*/
/* add animation on sidebar icons css */
#sidebar ul li a:hover img  { animation:iconUpDown 1s linear infinite; }
@keyframes iconUpDown{0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}
}
/* add animation on sidebar icons End */
/* relatime report : Agent list panel fullscreeen css*/
.realtime-agent-list-fullscreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto; background-color: #fff; }
.realtime-agent-list-fullscreen .realtime-status-table { height: calc(100vh - 100px) !important; }
.realtime-agent-list-fullscreen .waiting-calls-popup.active { left: 0 !important; }
#agentlist-fullscreen { color: #050F34;}
#agentlist-fullscreen:hover { color: #0F78F2;}
.realtime-agent-list.realtime-agent-list-fullscreen .fa-compress { display: flex; }
.realtime-agent-list-fullscreen .fa-expand { display: none; }
.realtime-agent-list.realtime-agent-list-fullscreen .fa-expand { display: none; }
.realtime-agent-list .fa-compress { display: none; }
body.active .realtime-agent-list-fullscreen .waiting-calls-btn { left: 0 !important; right: 0; width: 100% !important; }
/* relatime report : Agent list panel fullscreeen css End*/
/* Url Log Report css start */
#urllogreportlist .table td { border-bottom: 1px solid #EFEFEF; }
.url-log-report-header { position: absolute; top: 20px; left: 15px; z-index: 1; }
#responseInfo .modal-dialog { max-width: 700px; width: 100%; }
#responseInfo .modal-dialog p { color: #212529; font-size: 16px; font-family: 'Inter-Regular'; line-height: 24px; word-wrap: anywhere; }
#myModalaltdial .modal-dialog { max-width: 700px; width: 100%; }
/* .flatpickr-calendar.hasTime { width: 150px !important; } */
/* Url Log Report css End */
/* Report css created by devendra */
.first-th-sticky { position: sticky; left: 0; }
.atd_pdfdata { width: 30em;margin: 0.5em;white-space: normal;vertical-align: top;display: inline-block;line-break: auto; }
.atd_pdfcolumn { width: 30em; }
.atd_pdfdataDisplay { white-space: normal;vertical-align: top;display: inline-block;line-break: auto; }
/* Report css created by devendra End */
/* Web API Guide css start*/
.webapiguide-content h4 { font-size: 22px; color: #050F34; font-family: 'Inter-Medium'; border-bottom: 1px solid #050F34; padding-bottom: 10px; margin-bottom: 30px; }
.webapiguide-content h4 strong { color: #F0790B;  font-weight: 700; }
.webapiguide-content .cardbox p { font-size: 16px !important; color: #5E5E5E !important; font-family: 'Inter-Regular' !important; line-height: 24px; }

.webapiguide-content h5 { font-size: 16px; color: #050F34; font-family: 'Inter-Bold'; font-weight: 700; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; }
.webapiguide-content h5 strong { color: #F0790B;  font-weight: 700; }
.webapiguide-content .linkbox { background: #F6FAFF; padding: 15px;}
.webapiguide-content .linkbox a { color: #746E6E; }
.webapiguide-content .linkbox a:hover { color: #0F78F2; }
.webapiguide-content .table th { background-color: #F1F4FF; font-size: 16px; font-family: 'Inter-Medium';  }
.webapiguide-content .table td { font-family: 'Inter-Regular'; font-size: 14px; color: #050F34;  }
.webapiguide-content .table td span { font-family: 'Inter-SemiBold'; }
.webapiguide-content .table-striped tbody tr:nth-of-type(2n+1) { background-color: #F6FAFF; }
.webapiguide-content .table-bordered thead td, .webapiguide-content .table-bordered thead th { border-bottom-width: 1px; }
.webapiguide-content .phpcode-example { border-radius: 5px; border: 1px solid #D5D8E5; background-color: #F8FBFF; padding: 15px; }
.webapiguide-content .phpcode-example p { color: #696666 !important; font-family: 'Inter-Regular' !important; font-size: 16px !important;  }
.webapiguide-content .phpcode-example pre { color: #696666 !important; font-family: 'Inter-Regular' !important; font-size: 16px !important; display: block; margin-bottom: 0; }
.webapiguide-content ul { list-style: none;  }
.webapiguide-content ul li { line-height: 28px; position: relative; padding-left: 25px; }
.webapiguide-content ul li::before { content: ''; height: 10px; width: 10px; background-color: #F0790B; position: absolute; left: 0; top: 8px; border-radius: 50%; }
.webapiguide-content .content .cardbox p { word-break: break-word; } /*Added by devendra to break word */

#webapi .cke_chrome { border: 1px solid #A0A8C8; border-radius: 10px; }
#webapi .cke_inner { border-radius: 10px !important; }
#webapi .cke_top { border-radius: 10px 10px 0 0; background: #F4F9FE; border-bottom: 1px solid #A0A8C8; }
#webapi .cke_bottom { background: #F4F9FE; border-radius: 0 0 10px 10px; border-top: 1px solid #A0A8C8; }

/* Web API Guide css End*/
/* SLA Css */
.response-time { column-gap: 5px; position: relative; }
.response-time .help-block { position: absolute; color: red; top: -17px; font-size: 11px; }
.table.table-content.slatarget-table td { padding-top: 15px; padding-bottom: 15px; }
.table.table-content.slatarget-table .form-control[type="number"] { -moz-appearance: textfield; }
.table.table-content.slatarget-table .form-control[type="number"] { appearance: textfield; }
.listcontent #slaList.listing-table-content tr:hover .link-listing { max-width: 150px; }
/* SLA Css End*/
/* Update lead css start */
#addupdateleadtools .checkbox-inner.statuswise { display: flex; column-gap: 20px; }
/* Update lead css End */
/* DID Trafic Report css End*/
/* Campaign Summary css start */
.campaignsummary-accordion .card { border-radius: 5px !important; box-shadow: 0px 4px 20px 0px #E5EAF2; }
.campaignsummary-accordion .header-link { display: flex; justify-content: space-between; padding:25px 15px; }
.campaignsummary-accordion .header-link .content { display: flex; align-items: center; column-gap: 25px; }
.campaignsummary-accordion .campaigns-names { font-size: 16px; color: #2A3357; font-family: 'Inter-SemiBold'; width: 300px; display: flex; line-height: 24px; }
.campaignsummary-accordion .header-link:hover .campaigns-names { color:#0F78F2; }
.campaignsummary-accordion .livecalls, .campaignsummary-accordion .agentlogged { font-size: 16px; color: #6E7282; font-family: 'Inter-Medium'; font-weight: 500; }
.campaignsummary-accordion .livecalls span { color: #E83535; }
.campaignsummary-accordion .agentlogged span { color: #2A3357; }
.campaignsummary-accordion .header-link .downarrow { color: #6E7282; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: #EFF6FF; border-radius: 50%; }
.campaignsummary-accordion .header-link a[aria-expanded="true"]{ transform: rotate(180deg); background: #0F78F2; color: #fff; }
.campaignsummary-accordion .status-cards .status-card-content { display: flex; justify-content: space-between; }
.campaignsummary-accordion .status-cards .status-card-content .contenttext { display: flex; align-items: center; column-gap: 5px; }
.campaignsummary-accordion .status-card-content .status { border-radius: 5px; padding: 10px; color: #050F34; font-size: 18px; font-family: 'Inter-SemiBold'; min-width: 70px; text-align: right; background-color: #EDEDED; }
.campaignsummary-accordion .status-card-content p { font-size: 14px; color: #6E7282; font-family: 'Inter-Regular'; }

.campaignsummary-accordion .status-card-content.agents-logged .icon { color:#0F78F2; font-size: 20px; }
.campaignsummary-accordion .status-card-content.agents-logged .status.active { background: #CBE3FF; }
.campaignsummary-accordion .status-card-content.agents-incall .icon { color:#00BC57; font-size: 20px; }
.campaignsummary-accordion .status-card-content.agents-incall .status.active { background: #BDF0D5; }
.campaignsummary-accordion .status-card-content.agents-waiting .icon { color:#5631E9; font-size: 20px; }
.campaignsummary-accordion .status-card-content.agents-waiting .status.active { background: #E6E0FF; }
.campaignsummary-accordion .status-card-content.paused-agents .icon { color:#F5A962; font-size: 20px; }
.campaignsummary-accordion .status-card-content.paused-agents .status.active { background: #FAE3CE; }

.campaignsummary-accordion .status-card-content.callsbeing .icon { color:#16a085; font-size: 20px; }
.campaignsummary-accordion .status-card-content.callsbeing .status.active { background: #b2f0e4; }
.campaignsummary-accordion .status-card-content.callsringing .icon { color:#00BC57; font-size: 20px; }
.campaignsummary-accordion .status-card-content.callsringing .status.active { background: #ffe1de; }
.campaignsummary-accordion .status-card-content.callsringing .icon svg { width: 20px; }
.campaignsummary-accordion .status-card-content.callsringing .icon svg path { fill:#e74c3c; }

.campaignsummary-accordion .status-card-content.callswaiting .icon { color:#FDA7DF; font-size: 20px; }
.campaignsummary-accordion .status-card-content.callswaiting .status.active { background: #FFEBF8; }
.campaignsummary-accordion .status-card-content.callswaiting .icon svg { width: 20px; }
.campaignsummary-accordion .status-card-content.callswaiting .icon svg path { fill:#EC8FCB; }

.campaignsummary-accordion .status-card-content.callsinivr .icon { color:#F5A962; font-size: 20px; }
.campaignsummary-accordion .status-card-content.callsinivr .status.active { background: #B3F7F4; }
.campaignsummary-accordion .status-card-content.callsinivr .icon svg { width: 20px; }
.campaignsummary-accordion .status-card-content.callsinivr .icon svg path { fill:#12CBC4; }

.campaignsummary-accordion h4 { font-size: 18px; font-family: 'Inter-Bold'; }
.campaignsummary-other-details .lavel-datails { position: relative; }
.campaignsummary-other-details .lavel-datails-box { border-right:1px solid #E3E3E3; }
.campaignsummary-other-details .lavel-datails ul { margin: 0; padding: 0; list-style: none; }
.campaignsummary-other-details .lavel-datails li { display: flex; justify-content: space-between; align-items: center; line-height: 24px; margin: 10px 0; }
.campaignsummary-other-details .lavel-datails label { color: #6E7282; font-size: 14px; font-family: 'Inter-Regular'; margin: 0; }
.campaignsummary-other-details .lavel-datails span { color:#050F34; font-family: 'Inter-Medium'; font-size: 14px; }
/* Campaign Summary css End */
/* flatpickr-calendar Time Picker Issue css */
.flatpickr-calendar.timedropdown.open { width: 120px; }
/* flatpickr-calendar Time Picker Issue css End */
/* collection Module accordion */
.collection-tabs .nav-tabs { border: 0; column-gap: 5px; }
.collection-tabs .nav-tabs .nav-link { border-color:#9DA4B5; color: #40465E; border-radius: 5px; background-color: #fff; font-family: 'Inter-Regular'; }
.collection-tabs .nav-tabs .nav-link.active { border-color:#0F78F2; background: #0F78F2; color: #fff; border-bottom-width:1px; font-family: 'Inter-Regular'; }
.collection-tabs .nav-tabs .nav-link:hover { border-bottom-width:1px; }

.collection-sub-tabs .nav-tabs { border: 0; column-gap: 25px; background: #fff; margin: 10px 0 5px 0; padding: 1px 15px; }
.collection-sub-tabs .nav-tabs .nav-link { border: 0; border-bottom:2px solid transparent; color: #40465E; border-radius: 0px; background-color: #fff; font-family: 'Inter-Regular'; padding: 15px 0; }
.collection-sub-tabs .nav-tabs .nav-link.active { border-bottom: 2px solid #FFAA05; background: transparent; font-family: 'Inter-SemiBold'; color: #050F34; }
.collection-sub-tabs .nav-tabs .nav-link:hover { border-bottom-width:2px; }
.collection-sub-tabs .card-header button { width: 100%; text-align: left; padding:15px; border-radius: 8px; border: 1px solid #D1E6FF; font-family:'Inter-Regular'; color: #0F78F2; font-size: 18px; display: flex; align-items: center; justify-content: space-between; }
.collection-sub-tabs .card-header button:focus{ box-shadow: none; }

.collection-sub-tabs .card-header button[aria-expanded="true"] i{ transform: rotate(180deg); transition: 0.5s all; }
.collection-sub-tabs .card-header button[aria-expanded="false"] i{ transform: rotate(0deg); transition: 0.5s all; }

.collection-sub-tabs .card-header button[aria-expanded="true"]{ background-color: #F9FCFF; border-radius: 8px 8px 0px 0px; color: #050F34; }
.collection-sub-tabs .card-header button[aria-expanded="false"]{ transform: rotate(0deg); transition: 0.5s all; }

.collection-content .collection-sub-tabs .column-control label a { color: #6E7282; }
.collection-content .collection-sub-tabs .column-control label a:hover { color: #0F78F2; }

.collection-sub-tabs .card { border-radius: 8px ; border: 0; background-color: transparent; margin: 0 !important; }
.collection-sub-tabs .tab-pane .card-header { border-radius: 8px 8px 8px 8px; margin-bottom: 0; background-color: #fff; padding: 0; border: 0; }
.collection-sub-tabs .card-body { border-radius: 0 0 8px 8px; background-color: transparent; margin: 1px 20px 0 20px; border: 1px solid #ECF4FB; padding: 5px 15px 15px 15px !important; }
.collection-sub-tabs .form-control:disabled, .form-control[readonly] { background-color: #F2F5FF; opacity: 1; }
/* .collection-content .collection-sub-tabs .column-control { padding: 0 7px; } */
.collection-content .collection-sub-tabs .column-control label { font-size: 14px; }
.collection-content .modifyfooter { background: #FFFFFF; box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08); border-radius: 8px; padding: 10px 20px; margin-top: 10px; position: sticky;
  bottom: 0px; height: 58px; display: flex; justify-content: space-between; align-content: center; align-items: center; }
.collection-content .modifyfooter .default_btn2:hover { color: #0F78F2; }

.collection-content .card-header { background: transparent; border-bottom: 0; }
.collection-content .card-header h2 { background-color: transparent; }
.collection-content .card-header h5 { font-family:'Inter-Regular'; color: #0F78F2; font-size: 18px; margin: 0; }

/* collection Module accordion End*/
/* Inbound DID Report Css */
.form-group.selected-group-column .card { max-height: 350px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scroll-behavior: smooth; }
.form-group.selected-group-column::-webkit-scrollbar { width: 8px; height: 14px; }
.form-group.selected-group-column::-webkit-scrollbar-track { background: transparent; }
.form-group.selected-group-column::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.form-group.selected-group-column::-webkit-scrollbar-thumb:hover { background: #889BC8; }
/* Inbound DID Report Css End */
/* status group css */
#campaign_custom_statuses thead th, #system_statuses_list thead th { background: var(--bodybg); }
/* status group css End*/
/* custom fields css */
.customer-details-box .savedialbutton .form-control { padding-right: 55px; }
.customer-details-box .default_btn2.savebutton { position: absolute; top: 4px; right: 42px; padding: 4px 5px; }
.customer-details-box .default_btn2.savebutton:hover { transform: none; }
.customer-details-box .default_btn2.dialbutton i { transform: rotate(90deg); }
/* custom fields css End*/
/* did bulk copy css*/
.didbulkcopy { border-top: 2px solid #0F78F2; background: #F6FAFF; padding: 15px; position: relative; white-space: nowrap; }
.didbulkcopy strong { position: relative; display: inline-block; margin-bottom: 5px; letter-spacing: 3px; color: #0F78F2; font-family: 'Inter-SemiBold'; font-size: 13px; }
.didbulkcopy p { color: #2A3357 !important; font-size: 13px !important; line-height: 18px; font-family: 'Inter-Regular' !important; display: inline-block; }
/* did bulk copy css end*/
/* Response Time Report css */
span.subject_text {
    width: 300px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
/* Response Time Report css end */
/* Admin Change log Popup css start */
.adminlogsdetails { max-height: 500px; overflow-y: auto; margin-bottom: 15px; scrollbar-color: #889BC8 #f5f7fa; scroll-behavior: smooth; }
.adminlogsdetails::-webkit-scrollbar { width: 8px; height: 14px; }
.adminlogsdetails::-webkit-scrollbar-track { background: transparent; }
.adminlogsdetails::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.adminlogsdetails::-webkit-scrollbar-thumb:hover { background: #889BC8; }
/* Admin Change log Popup css End */
/* Ticket Stages Report css */
#ticket-stages-model .dataTables_length, #ticket-stages-model .dataTables_info, #ticket-stages-model .paging_simple_numbers { display: none; }
#ticket-stages-model .modal-dialog { max-width: 1000px; width: 100%; padding: 0 15px; }
#ticket-stages-model .popup-header h4 { font-size: 20px; color: #050F34; font-family: 'Inter-Bold'; margin: 0; }
#ticket-stages-model .modal-content { border-radius: 0; border: 0; }
#ticket-stages-model .simple-table td { border-bottom: 1px solid #EFEFEF; padding: 12px 10px; }
#ticket-stages-model .simple-table { max-height: 400px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scroll-behavior: smooth; }
#ticket-stages-model .simple-table::-webkit-scrollbar { width: 8px; height: 14px; }
#ticket-stages-model .simple-table::-webkit-scrollbar-track { background: transparent; }
#ticket-stages-model .simple-table::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
#ticket-stages-model .simple-table::-webkit-scrollbar-thumb:hover { background: #889BC8; }
/* Ticket Stages Report css End*/

/* Calllogs dahsboard css start*/
.calllogsheader { display: flex; justify-content: space-between; }
.calllogsheader .calendar-filter { max-width: 200px; width: 100%; }
.calllogsheader .refreshbutton { background-color: #fff; border: 0; width: 40px; height: 40px; border-radius: 5px; justify-content: space-between; display: flex; align-items: center; justify-content: center; color: #0F78F2; }
.calllogsheader .calendar { position: absolute; top: 1px; right: 1px; width: 35px; height: 35px; justify-content: center; display: flex; align-items: center; background-color: #F2F5FF; border-radius: 0 5px 5px 0px; margin: 0; cursor: pointer; }
.calllogs-status-graph { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.calllogs-graph-content p { text-align: center; font-size: 14px !important; margin-top: 10px !important; }
.calllogs-graph-content span { font-family: 'Inter-Bold'; color: #050F34; }
.calllogs-status-graph #calllogsstatus { width: 150px !important; height: 150px !important; }
.calllogs-status { display: flex; column-gap: 15px; flex-wrap: wrap; }
.calllogs-status .statuscard { border-radius:5px; background-color: #f4f4f4; width: calc(50% - 10px); display: flex; align-items: center; padding: 10px; column-gap: 10px; min-height: 70px; }
.calllogs-status .statuscard .status-icon { width: 30px; height: 30px; justify-content: center; display: flex; align-items: center; background-color: #fff; border-radius: 50%; }
.calllogs-status .statuscard h3 { font-size: 14px; font-family: 'Inter-Regular'; color: #050F34; margin: 0 0 5px 0; }
.calllogs-status .statuscard h2 { font-size: 16px; font-family: 'Inter-Bold'; color: #050F34; margin: 0; }
.calllogs-status .statuscard.answered { background-color: #EDFFF1; }
.calllogs-status .statuscard.answered path { fill: #17B93B;}
.calllogs-status .statuscard.inbound { background-color: #EEEFFF; }
.calllogs-status .statuscard.inbound path { fill: #656AED;}
.calllogs-status .statuscard.missed { background-color: #FFEDED; }
.calllogs-status .statuscard.missed path { fill: #EF5D5D;}
.calllogs-status .statuscard.outbound { background-color: #FFF3E8; }
.calllogs-status .statuscard.outbound path { fill: #FBA657;}

.averagecards { display: flex; flex-wrap: wrap; column-gap: 10px; }
.averagecards .average-status { width: calc(50% - 5px); display: flex; flex-direction: column; padding: 15px; background-color: #fff; border: 1px solid #CFE5FE; border-radius: 5px; min-height: 95px; justify-content: center; }
.averagecards .average-status h2 { font-size: 20px; color: #050F34; font-family: 'Inter-Bold'; margin: 0 0 15px 0; display: flex; align-items: center; column-gap: 5px; }
.averagecards .average-status span {font-size: 12px; color: #515E9C; background-color: #ECEFFF; border-radius:5px; padding: 3px; font-family: 'Inter-Regular'; }
.averagecards .average-status p { font-size: 12px; color: #050F34; font-family: 'Inter-Regular'; margin: 0; }

.callinsignts-content .callinsignts-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.callinsignts-content .callinsignts-header h3 { margin-bottom: 0; }
.callinsignts-content .callinsignts-header .callinsignts-actions { display: flex; align-items: center; column-gap: 10px; position: relative; }
.calllogsheader .form-group {	max-width: 220px; width: 100%; }
.callinsignts-content .callinsignts-header .callinsignts-actions .download button { width: 35px; height: 35px; border-radius: 5px; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 0; }
.callinsignts-content .callinsignts-header .callinsignts-actions .download button path { color: #0F78F2; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .statusdropdown { background-color: #F6FAFF;  border-radius: 5px; display: flex; align-items: center; cursor: pointer; height: 37px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .statusdropdown label { cursor: pointer; color: #050F34; font-family: 'Inter-Medium'; font-size: 12px; margin: 0 5px 0 0; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .statusdropdown:focus{ box-shadow: none; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .statusdropdown::after { display: none;}
.callinsignts-content .callinsignts-header .callinsignts-actions .status .dropdown-menu {  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border: 0 !important; left: -25px !important; padding: 7px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .dropdown-menu .dropdown-item { font-size: 14px; color: #050F34; font-family: 'Inter-Medium'; padding: 5px 15px 5px 15px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .dropdown-menu .dropdown-item.call_status_active { background: #0F78F2; color: #fff; }
.callinsignts-content .callinsignts-header .callinsignts-actions .search { width: 215px; position: relative; }
.callinsignts-content .callinsignts-header .callinsignts-actions .search label { margin: 0; }
.callinsignts-content .callinsignts-header .callinsignts-actions .status .statusdropdown i { font-size: 12px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .search .search-box .form-control { padding-left: 35px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .searchicon { position: absolute; left: 1px; top: 1px; background: transparent; border: 0; width: 35px; height: 35px;
    border-radius: 0 4px 4px 0; color: #0F78F2; display: flex; align-items: center; justify-content: center; z-index: 1; }

.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .configure { background-color: #F6FAFF;  border-radius: 5px; display: flex; align-items: center; cursor: pointer; height: 37px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .configure label { cursor: pointer; color: #050F34; font-family: 'Inter-Medium'; font-size: 12px; margin: 0 5px 0 0; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .configure:focus{ box-shadow: none; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .configure::after { display: none;}
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu.active { width: 320px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border: 0 !important; left: -25px !important; margin-bottom: 0;
  padding-bottom: 0; display: flex; flex-direction: column; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .configure i { font-size: 12px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .header { padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EFEFEF; margin-bottom: 10px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content ul { list-style: none; padding: 0 15px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content ul li { margin: 8px 0;}
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content.conetnt-dragdrop { height: 118px; overflow-y: auto; scrollbar-color: #889BC8 #f5f7fa; scroll-behavior: smooth; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content.conetnt-dragdrop::-webkit-scrollbar { width: 8px; height: 14px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content.conetnt-dragdrop::-webkit-scrollbar-track { background: transparent; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content.conetnt-dragdrop::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .dropdown-menu .content.conetnt-dragdrop::-webkit-scrollbar-thumb:hover { background: #889BC8; }

.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .footer { box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08); align-items: center; background-color: #fff; display: flex; justify-content: flex-end; align-items: center; padding: 10px 15px; border-radius: 0 0px 5px 5px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .footer .default_btn1,
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .footer .default_btn2 { padding: 5px 10px; font-size: 13px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content { display:flex; column-gap: 15px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none !important; cursor: pointer; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content label { display: flex; align-items: center; margin: 0; position: relative; cursor: pointer; font-size: 16px; color: #6E7282; font-family: 'Inter-Regular'; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content label:before { content: ''; -webkit-appearance: none; background-color: transparent; border-radius: 3px; border: solid 1px #8391C6; display: inline-block;
  position: relative; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; margin-right: 10px; }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content input:checked+label:after { content: ''; display: block; position: absolute; top: 3px; left: 6px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0;
	transform: rotate(45deg) }
.callinsignts-content .callinsignts-header .callinsignts-actions .configureview .checkbox-content input:checked+label::before { background: #0F78F2; border: 1px solid #0F78F2;  }
.callinsignts-content .callinsignts-table .client-correlation-content { display: flex;  }
.callinsignts-content .callinsignts-table th { background: #F4F9FF; border-bottom: 0 !important; font-size: 14px; }
.callinsignts-content .callinsignts-table td { color: #050F34; font-size: 14px; }
.callinsignts-content .callinsignts-table td.dtfc-fixed-left { z-index: 1; background: #fff; }
.callinsignts-content .callinsignts-table tbody > tr:hover .dtfc-fixed-left { background: #f2f5fc; }
.callinsignts-content .callinsignts-table .client-correlation-content p { margin: 0; font-size: 14px; color: #050F34; width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.callinsignts-content .callinsignts-table .client-correlation-content span { color: #0F78F2; transition: all 0.5s; }
.callinsignts-content .callinsignts-table .client-correlation-content span:hover{ color:#A5BEDD; }
.callinsignts-content .callinsignts-table .client-correlation-content .corelaton_copy { cursor: pointer; }
.callinsignts-content .callinsignts-table .button { border:0; border-radius: 5px; font-size: 12px; padding:3px 5px; }
.callinsignts-content .callinsignts-table .answered { background-color: #EDFFF1; color: #17B93B; }
.callinsignts-content .callinsignts-table .inbound { background-color: #EEEFFF; color: #656AED;}
.callinsignts-content .callinsignts-table .missed { background-color: #FFEDED; color: #EF5D5D; }
.callinsignts-content .callinsignts-table .outbound { background-color: #FFF3E8; color: #FBA657; }
.callinsignts-content .callinsignts-table td audio { border-radius: 40px; height: 28px !important; width: 200px; }

/* Calllogs dahsboard css End*/
/* Notification Tempalate Listing Start*/
#notificationTemplateList tr:hover td.link-listing { max-width: 100px; }
/* Notification Tempalate Listing End*/
#manual_survey_listing .table-responsive { overflow: visible !important; }
/* whiteboard Reports css start */
.whiteboard-report-details-header { display: flex; justify-content: space-between; align-items: center; }
.whiteboard-report-left { display: flex; align-items: center; column-gap: 15px; }
.whiteboard-report-left .headding h3 { color:#050F34; font-size: 18px; font-family: 'Inter-Bold'; margin: 0; }
.whiteboard-report-left .status { display: flex; align-items: center; column-gap: 10px; }
.whiteboard-report-left .status .data { display: flex; align-items: center; }
.whiteboard-report-left .status .data label { margin: 0;font-size: 15px; color: #2A3357; font-family: 'Inter-Regular'; }
.whiteboard-report-left .status .data span { margin: 0;font-size: 15px; color: #2A3357; font-family: 'Inter-Bold'; }
.whiteboard-report-action { display: flex; column-gap: 10px; }
.whiteboard-report-action button.alllink { background-color: transparent; border: 0; font-size: 14px; color: #0F78F2; font-family: 'Inter-SemiBold'; }
.whiteboard-report-action button.alllink:hover { color: #050F34; transition: 0.5s all ease; }
.whiteboard-content .call-count-staus-card { background-color: #fff; border-radius: 10px; padding: 10px; }
.whiteboard-content .call-count-staus-card .count-staus-content { display: flex; align-items: center; flex-wrap: wrap; }
.whiteboard-content .call-count-staus-card .count-staus-content .content { width: 20%; padding:0 25px; border-right: 1px solid #EFEFEF; }
.whiteboard-content .call-count-staus-card .count-staus-content .content h4 { position: relative; font-size: 14px; color: #6E7282; margin:0 0 5px 0; font-family: 'Inter-Regular'; padding-left: 15px; }
.whiteboard-content .call-count-staus-card .count-staus-content .content h5 { position: relative; font-size: 16px; color: #2A3357; margin:0; font-family: 'Inter-Bold'; padding-left: 15px; }
.whiteboard-content .call-count-staus-card .count-staus-content .content h4::before { height: 8px; width: 8px; border-radius: 50%; content: ''; position: absolute; left: 0; top: 4px; }
.whiteboard-content .call-count-staus-card .count-staus-content .totalcalls h4::before { background-color: #4355F5; }
.whiteboard-content .call-count-staus-card .count-staus-content .totalsales h4::before { background-color: #39B8FF; }
.whiteboard-content .call-count-staus-card .count-staus-content .salesperhour h4::before { background-color: #005280; }
.whiteboard-content .call-count-staus-card .count-staus-content .targetperunit h4::before { background-color: #fff; border: 1px solid #30334F; }
.whiteboard-content .call-count-staus-card .count-staus-content .targetperunit { border-right: 0; }
.whiteboard-content .call-count-staus-card .count-staus-content .content.totalconvrate { background-color: #E6FFD7; border-radius: 5px; padding: 10px; border-right: 0; }
.whiteboard-content .call-count-staus-card .count-staus-content .totalconvrate h4::before { background-color: #57D609; }
.whiteboard-content .graph-content { background-color: #fff; border-radius: 10px; display: flex; justify-content: center; }
.whiteboard-content .graph-content canvas { max-height: 400px !important; min-height: 400px !important; }
.content.allperformers-content { height: calc(100vh - 90px); }
.allperformers-content .allperformers-table th { background: #F7F7FC; border: 0 !important; }
.allperformers-content .allperformers-table tr.top-ten { background-color: #EBF8FF; }
.allperformers-content thead { margin-bottom: 10px; }
.allperformers-content tbody { position: relative; }
.allperformers-content tbody:before { content:"@"; display:block; line-height:25px; text-indent:-99999px; }
.allperformers-content .toptentext { background: #0F78F2; width: 58px; color: #fff !important; font-size: 12px; font-family: 'Inter-Medium'; padding: 5px 0; text-align: center; position: absolute; top: 5px; }
.userfilterpopup.whiteboard-report-filter { right: -780px; }
.userfilterpopup.whiteboard-report-filter.active { right: 0; }
.userfilterpopup.whiteboard-report-filter.active .module-content { max-width: 780px; }
/* .chart_canvas { width: 10000px; overflow-x: scroll; } */
/* .chart_canvas canvas { width: 15000px !important;} */

/* whiteboard Reports css End */
/* payment */
.status-card { background: #dfecfb; padding: 5px; color: #050F34; }
.history-file-status .popup-header h6 { font-size: 14px; color: #050F34; font-family: 'Inter-Medium'; margin: 0; width: 290px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.revered-satatus-content .error-li label { width: 100% !important; }
/* end */
/* Real-Time Campaign Summary start*/
.search-clear-button { background: transparent; border: 0; color: #050F34; }
.search-clear-button:hover { color: #0F78F2; }
/* Real-Time Campaign Summary End*/
/* css for Survey start*/
.survey-header {
  display: block !important;
}
.survey-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 10px;
}
.survey-header .name-column {
  width: 250px;
}
.survey-card {
  background: #EEF6FF;
  padding: 15px 15px 0px 15px;
  border-radius: 8px;
}

/* .survey-card .close-card {
  background: #FA6D64;
  border: 1px solid #FA6D64;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  position: absolute;
  top: 28px;
} */
.survey-card .close-card path {
  fill: #fff;
}
.survey-card .close-card:hover {
  background: #FA6D64;
  transition: all 0.5s;
  opacity: 0.5;
}
.survey-card .close-card:hover path {
  fill: #fff;
}
.survey-content .form-group label {
  font-size: 16px;
}
.survey-content .tablecheck {
  display: flex;
  align-items: center;
}
.survey-content .tablecheck label {
  color: #050F34;
  font-family: 'Inter-Regular';
  font-size: 14px;
}
.survey-content .tablecheck .yes label::before,
.survey-content .tablecheck .no label::before {
  margin-right: 8px;
}
.survey-content .tablecheck label::before {
  width: 16px;
  height: 16px;
}
.survey-content .tablecheck input:checked+label::after {
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
}
.quality-analyst .modal-dialog {
  max-width: 650px;
  width: 100%;
}
.quality-analyst .modal-content {
  border-radius: 0;
}
.quality-analyst .modal-content .modal-body {
  height: 400px;
  overflow-y: auto;
  scrollbar-color: #889BC8 #f5f7fa;
  scroll-behavior: smooth;
}
.quality-analyst .modal-content .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 14px;
}
.quality-analyst .modal-content .modal-body::-webkit-scrollbar-track {
  background: transparent;
}
.quality-analyst .modal-content .modal-body::-webkit-scrollbar-thumb {
  background: #889BC8;
  border-radius: 14px;
}
.quality-analyst .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
  background: #889BC8;
}
.quality-analyst .modal-content .modal-footer {
  box-shadow: 0px -4px 11px rgba(0,
  0,
  0,
  0.08);
}
.quality-analyst .qa-data-content {
  border-bottom: 1px solid #A0A8C8;
}
.quality-analyst .qa-data-content h2 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-family: 'Inter-medium';
  color: #050F34;
}
.quality-analyst .qa-data-content p {
  margin: 0;
  font-size: 14px;
  font-family: 'Inter-Regular';
  color: #6E7282;
}
.quality-analyst .qa-data-content .checkbox-content {
  display: flex;
  column-gap: 15px;
}
.quality-analyst .qa-data-content .checkbox-content input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none !important;
  cursor: pointer;
}
.quality-analyst .qa-data-content .checkbox-content label {
  display: flex;
  align-items: center;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: #6E7282;
  font-family: 'Inter-Regular';
}
.quality-analyst .qa-data-content .checkbox-content label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 3px;
  border: solid 1px #8391C6;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.quality-analyst .qa-data-content .checkbox-content input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}
.quality-analyst .qa-data-content .checkbox-content input:checked+label::before {
  background: #0F78F2;
  border: 1px solid #0F78F2;
}
.quality-analyst .qa-data-content .selectfiels-value ul {
  list-style: none;
}
.quality-analyst .qa-data-content .selectfiels-value ul li {
  font-size: 16px;
  color: #6E7282;
  font-family: 'Inter-Regular';
  line-height: 28px;
}
.quality-analyst .qa-data-content .multislect-value ul {
  list-style: none;
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}
.quality-analyst .qa-data-content .multislect-value ul li {
  font-size: 12px;
  color: #2A3357;
  font-family: 'Inter-Regular';
  padding: 5px;
  border: 1px solid #A0A8C8;
  border-radius: 3px;
  background-color: #fff;
}
.quality-analyst .qa-data-content .qa-calendar {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 5px 5px 0;
  font-size: 22px;
}
.quality-analyst .radio-content {
  display: flex;
  column-gap: 15px;
}
.quality-analyst .radio-content .radiobox input[type="radio"]:checked,
.quality-analyst .radio-content .radiobox input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.quality-analyst .radio-content .radiobox input[type="radio"]:checked+label,
.quality-analyst .radio-content .radiobox input[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color: #6E7282;
  font-size: 16px;
  font-family: 'Inter-Regular';
  margin: 0;
}
.quality-analyst .radio-content .radiobox input[type="radio"]:checked+label:before,
.quality-analyst .radio-content .radiobox input[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #A0A8C8;
  border-radius: 100%;
  background: #fff;
}
.quality-analyst .radio-content .radiobox input[type="radio"]:checked+label:after,
.quality-analyst .radio-content .radiobox input[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 14px;
  height: 14px;
  background: #0F78F2;
  position: absolute;
  top: 4px;
  left: 2px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.quality-analyst .radio-content .radiobox input[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.quality-analyst .radio-content .radiobox input[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* css for Survey End*/
.custom-error {
  color: #E83535 !important;
  margin: 0;
  font-size: 11px;
  font-family: 'Inter-Regular' !important;
  position: relative;
}
.survey-card .close-card {
  background: #FA6D64 !important;
  border: 1px solid #FA6D64 !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 5px !important;
  position: relative !important;
  margin-top: 27px;
  /* top: 5px; */
}
.addquestion {
  position: relative !important;
  top: 4px !important;
  margin: 24px 0 10px !important;
  width: 35px !important;
  height: 35px !important;
}
/* css for Survey End*
/* Sub Dependant Mapping CSS START */
.rotate{
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
/* Sub Dependant Mapping CSS END */
.maptable .menusubtable.simple-table { border-spacing: 0 !important; padding: 10px 0px 10px 0px; }
.maptable .menusubtable.simple-table th { background-color: #D5E2FF;}
.maptable .menusubtable.simple-table tbody tr:nth-child(1n+1) {background-color: #e8ebef !important;}
.maptable .menusubtable.simple-table tbody td { background: transparent; }
.maptable .menusubtable.simple-table tbody tr:hover { box-shadow: none; }
.maptable .menusubtable.simple-table tbody td { border-bottom: 0; }
.maptable td { border-bottom: 1px solid #f5f7fa; height: 34px !important; }
.listcontent table.listing-table-content.maptable tr:hover .link-listing { max-width: 120px; }
/* .listcontent table.listing-table-content.maptable tr:hover .link-listing ul { height: 38px !important; } */
#dropdown_map .table-header {	padding: 0 !important; }
.maptable tr:hover .menusubtable td.link-listing { display: none !important; }
.maptable tr:hover .menusubtable tr:hover { background: #f4f4f4 !important;}
.maptable tr:hover .menusubtable tr:hover td.link-listing { display: flex !important; }
.view-sub-child { background: #dbedff; width: 20px; display: inline-block; height: auto; text-align: center; border-radius: 3px; margin-right: 5px; }
/* .listing-table-content.menusubtable .link-listing ul { height: auto !important; } */
/* QC Module css Start */
.qcmodule-content .listing-table-content td { border-bottom: 1px solid #f5f7fa; }
.audioplay-actionicon { list-style: none; }
.audioplay-actionicon label { margin: 0; padding: 0; color: #0F78F2; cursor: pointer; }
.audioplay-actionicon .playbutton { display: flex; align-items: center; column-gap: 5px; max-width: 70px; width: 100%; border: 1px solid #0F78F2; border-radius: 5px; padding: 5px 10px; justify-content: center; cursor: pointer; }

.audioplay-actionicon .audio-stop-li .playbutton { border-color: #dc3545; color: #dc3545; }
.audioplay-actionicon .audio-stop-li label { color: #dc3545; }

.qc-lead-modify-content .qc-modify-comment { height: 37px; width: 350px; }
.qc-lead-modify-content .listing-table-content td { padding: 5px 12px !important; }
.qc-lead-modify-content .listing-table-content .points-column { display: flex; align-items: center; column-gap: 10px; }
.qc-lead-modify-content .listing-table-content .points-column .form-control { width: 50px; background: #eaeeff; border-color: #b6c3ff; background-image: linear-gradient(45deg, transparent 50%, #3F60A6 50%), linear-gradient(135deg, #3F60A6 50%, transparent 50%);
  background-size: 6px 5px, 6px 5px; background-repeat: no-repeat; background-position: calc(100% - 17px), calc(100% - 11px); }
.qc-lead-modify-content .listing-table-content .points-column .totalnumbers { font-family: 'Inter-SemiBold'; color: #526ce6; }
.qc-lead-modify-content .radio-switch label:first-of-type::after { padding: 1px 0 3px 5px; }
.qc-lead-modify-content .radio-switch input:first-of-type:checked ~ label:first-of-type::after { padding: 1px 0 3px 21px; }
.qc-lead-modify-content .finishqc-footer { background: #fff; border: 0; }
.qc-lead-modify-content .finishqc-footer .finishqc-left { display: flex; column-gap: 15px; align-items: center; }
.qc-lead-modify-content .finishqc-footer .finishqc-left h3 { margin: 0; font-size: 16px; font-family: 'Inter-Medium'; color: #050F34; }
.qcscorecardlist .passing-column { display: flex; align-items: center; }
.qcscorecardlist .passing-column .form-control { width: 70px; background: #eaeeff; border-color: #b6c3ff; }
/* QC Module css End */
/* campaign list bug */
.campaignlistpopup .table-content td.statusselect a { padding: 5px !important; }
.single-record { padding-bottom: 40px; }
/* campaign list bug */
.listing-table-content td.dtfc-fixed-left { z-index: 9; }
/* newannaucement button css */
.annaucement-button button { height: 35px; width: 35px; padding: 0 !important; border-radius: 50% !important; justify-content: center; fill: #18C89E; display: flex; align-items: center; background: transparent; border: 1px solid #18C89E; }
.annaucement-button button:hover { fill: #fff !important; border-color: #0FB38B !important; background: #0FB38B !important; }
.anewadded { -webkit-animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1); animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1); box-shadow: 0 0 0 0 #18C89E; background: #18C89E !important; fill: #fff !important; }
@keyframes  pulse {
  to {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
  }
}
.no-announcement-error { background: #fff8f8; color: #f2393b;	text-align: center; border-radius: 5px; font-size: 16px; font-family: 'Inter-Regular'; }
#accouncementLabelsData tr:hover .link-listing, #accouncementCategoriesData tr:hover .link-listing { max-width: 100px; }

/* newannaucement button css */
/* called count list id Report header & footer fixed Start */
#called_count_listid_report_append #called_count_listid_data thead { height: auto; position: sticky; top: 1px; z-index: 1; }
#called_count_listid_report_append #called_count_listid_data tfoot { position: sticky; bottom: 0; height: auto; }
#called_count_listid_report_append .dataTables_wrapper { height: calc(100vh - 70px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
#called_count_listid_report_append .dataTables_wrapper::-webkit-scrollbar { width: 8px; height: 14px; }
#called_count_listid_report_append .dataTables_wrapper::-webkit-scrollbar-track { background: transparent; }
#called_count_listid_report_append .dataTables_wrapper::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
#called_count_listid_report_append .dataTables_wrapper::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }
/* called count list id Report header & footer fixed End */
/* anncoument Detial View */
.anncoument-detial-view .modal-content { border: 0; border-radius: 0; padding-bottom: 15px; }
.anncoument-detial-view .modal-content .detialview-content h4 { font-size: 16px; color:#050F34; font-family: 'Inter-Bold'; }
.anncoument-detial-view .modal-content .detialview-content p { font-size: 14px; color:#6E7282; font-family: 'Inter-Medium'; }
.anncoument-detial-view .modal-content .detialview-content .annocmnt_file { border: 1px solid #f4f4f4; padding: 10px; }
.anncoument-detial-view .modal-content .modal-body { max-height:450px; overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
.anncoument-detial-view .modal-content .modal-body::-webkit-scrollbar { width: 8px; height: 14px; }
.anncoument-detial-view .modal-content .modal-body::-webkit-scrollbar-track { background: transparent; }
.anncoument-detial-view .modal-content .modal-body::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.anncoument-detial-view .modal-content .modal-body::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.AddAnnouncementDetail .cke_chrome { border: 1px solid #8391C6; border-radius: 10px; }
.AddAnnouncementDetail .cke_top { border-bottom: 1px solid #8391C6; background: transparent; border-radius: 10px 10px 0 0; }
.AddAnnouncementDetail .cke_inner { border-radius: 10px; }
.AddAnnouncementDetail .cke_bottom { border-top: 1px solid #D6E6F2; background-color: #F3F9FE; border-radius: 0 0 10px 10px; }
.AddAnnouncementDetail .cke_toolgroup .cke_button:hover { border: none; background: #D9EEFF; }
.AddAnnouncementDetail .cke_toolgroup .cke_button { padding: 4px 10px; font-size: 12px; background: #F3F9FE; }
.AddAnnouncementDetail .cke_wysiwyg_frame { padding: 10px; }NotificationTemplateController
/* anncoument Detial View End*/

/* real-time pause excced */
.realtime-pause-limit-excced{ background-color: #ffd5d4 !important; }
.realtime-pause-limit-excced .alllink2 { color: #c0392b !important; }
.realtime-pause-limit-excced .agent-ingroup-info { color: #c0392b; border: 1px solid #c0392b; }
.lunchbreak-permission { color: #fff; font-size: 12px; margin: 0 0 0 5px; background: #c0392b; padding: 3px; border-radius: 3px; border: 1px solid transparent; }
.lunchbreak-permission:hover { color: #c0392b; border: 1px solid #c0392b; background: transparent; }



/* Performance Comparison Report header & footer fixed Start */

#PerformanceComparisonreportlist #performance_comparison_report_list thead { height: auto; position: sticky; top: 1px; z-index: 1; }
#PerformanceComparisonreportlist #performance_comparison_report_list tfoot { position: sticky; bottom: 0; height: auto; }
#PerformanceComparisonreportlist .dataTables_wrapper { height: calc(100vh - 70px); overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior: smooth; }
#PerformanceComparisonreportlist .dataTables_wrapper::-webkit-scrollbar { width: 8px; height: 14px; }
#PerformanceComparisonreportlist .dataTables_wrapper::-webkit-scrollbar-track { background: transparent; }
#PerformanceComparisonreportlist .dataTables_wrapper::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
#PerformanceComparisonreportlist .dataTables_wrapper::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

/* Performance Comparison Report header & footer fixed End */
/* Clients Management css */
.alert-heading { border-bottom: 1px solid #2A3357; }
.alert-heading h4 { font-size: 16px; font-family: 'Inter-SemiBold'; color: #050F34; margin: 0; }
.total-add-balance-row { display: flex; align-items: center; column-gap: 10px; }
.total-add-balance-row .form-group { flex: 1; }
.alert-heading .heading-info-text { font-size: 12px !important; }
.outbound-section-content .dynamic-fields, .outbound-section-content .required_inp { display: flex; column-gap: 10px; }
/* .outbound-section-content .dynamic-fields .form-control { flex: 1; } */
.outbound-section-content .dynamic-fields .column-content { flex: 1; }
.outbound-section-content .dynamic-fields .add_input { background: var(--button); color: #fff; display: flex; align-items: center; height: 37px; width: 35px; justify-content:  center; border-radius: 5px; }
/* .outbound-section-content .required_inp .form-control { flex: 1; } */
.outbound-section-content .required_inp .column-content  { flex: 1; }
/* .outbound-section-content .dynamic-fields .column-content .form-control.error { color: #E83535; border-color: #E83535 !important; } */
.outbound-section-content .dynamic-fields .column-content .form-control.error + .error-help-block { color: #E83535; font-size: 12px !important; }
.outbound-section-content .required_inp .column-content .form-control.error + .error-help-block { color: #E83535; font-size: 12px !important; }
/* .outbound-section-content .required_inp .column-content .form-control.error { color: #E83535; border-color: #E83535 !important; } */
.outbound-section-content .inputRemove { background: #ffeaea; color: #f00; display: flex; align-items: center; height: 37px; width: 35px; justify-content:  center; border-radius: 5px; border: 0; }
/* Clients Management css End*/
/* Rate module css */
.import-bulkrate-content .file-upload { width: 100%; margin: 0 auto; }
.import-bulkrate-content .file-upload-btn { width: 100%; margin: 0; color: #fff; background: #1FB264; border: none; padding: 10px; border-radius: 4px; border-bottom: 4px solid #15824B; transition: all .2s ease; outline: none;
  text-transform: uppercase; }
.import-bulkrate-content .file-upload-btn:hover { background: #1AA059; color: #ffffff; transition: all .2s ease; cursor: pointer; }
.import-bulkrate-content .file-upload-btn:active { border: 0; transition: all .2s ease; }
.import-bulkrate-content .file-upload-content { display: none; text-align: center; border: 1px dashed #002863; position: relative; background: #F4F9FE; }
.import-bulkrate-content .file-upload-content .image-title { font-size: 12px; font-family: 'Inter-SemiBold'; }
.import-bulkrate-content .file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; }
.import-bulkrate-content .image-upload-wrap { border: 1px dashed #002863; position: relative; background: #F4F9FE; display: flex; justify-content: center; align-content: center; min-height: 120px; border-radius: 5px; }
.import-bulkrate-content .image-dropping,
.import-bulkrate-content .image-upload-wrap:hover { background-color: #fff6ed; border: 1px dashed #002863; }
.import-bulkrate-content .image-title-wrap { padding: 10px 15px 15px 15px; justify-content: center; display: flex; }
.import-bulkrate-content .drag-text { text-align: center; display: flex; justify-content: center; align-items: center; }
.import-bulkrate-content .drag-text h3 { color: #050F34; font-size: 14px; font-family: 'Inter-Regular'; margin: 0; }
.import-bulkrate-content .drag-text span { font-family: 'Inter-SemiBold'; }
.import-bulkrate-content .file-upload-image { max-height: 200px; max-width: 200px; margin: auto; padding: 20px; }
.import-bulkrate-content .remove-image { width: 110px; color: #fff; background: #cd4535; border: none; padding: 5px; border-radius: 5px; transition: all .2s ease; outline: none; font-size: 14px; display: flex;
  font-family: 'Inter-SemiBold'; justify-content: center; }
.import-bulkrate-content .remove-image:hover { background: #c13b2a; color: #ffffff; transition: all .2s ease; cursor: pointer; }
.import-bulkrate-content .remove-image:active { border: 0; transition: all .2s ease; }
/* Rate Module css End*/
/* Large Recording Download css */
.large-recording-content .cardbox { position: relative; }
.large-recording-content .table td { border-bottom: 1px solid #f5f7fa; }
.large-recording-content .table-header { position: relative; padding: 0; top: 5px; margin-left: 10px;}
.large-recording-content .dataTables_filter input { border: 1px solid #A0A8C8 !important; height: 35px; border-radius: 5px !important; padding-left: 10px !important; }
.badge-orange{
  background-color: #FFA500;
  color: white;
}
.largerecording .notes-text { background-color: #e0ebf9; border:1px solid #e0ebf9; padding: 15px; border-radius: 5px; }
.largerecording .notes-text p { color: #327ad5; font-family: "Inter-Medium";}
/* Large Recording Download css End*/
/* qc call dashboard css start */
.total-calling-agent-status { display: flex; column-gap: 10px; }
.total-calling-agent-status .totalcalls-box { justify-content: space-between; }
.total-calling-agent-status .card { width:calc(33.33% - 5px); box-shadow: 0px 36px 36px -38px #ADB5C180; border: 1px solid #D5DEEC; border-radius: 10px; padding: 15px; flex-direction: row; }
.total-calling-agent-status .totalcalls-box .totalcalls-content { width: auto; padding: 7px 0 0 15px; position: relative; }
.total-calling-agent-status .totalcalls-box .totalcalls-content::before { height: 100%; width: 4px; border-radius: 4px; content: ''; position: absolute; background-color: #0F78F2; left: 0; top: 0; }
.total-calling-agent-status .totalcalls-box .totalcalls-content h2 { font-size: 16px; color: #6E7282; font-family: 'Inter-Regular'; margin-bottom: 5px; }
.total-calling-agent-status .totalcalls-box .totalcalls-content h3 { font-size: 22px; color: #2A3357; font-family: 'Inter-Bold'; margin-bottom: 0px; }
.total-calling-agent-status .totalcalls-box .card { display: flex; border: 0; }
.total-calling-agent-status .totalcalls-box .avgcalltime { background-color: #F2F7FD; padding: 10px; width: 175px; border-radius: 10px; }
.total-calling-agent-status .totalcalls-box .avgcalltime p { font-size: 13px; color: #6E7282; font-family: 'Inter-Regular'; margin-bottom: 5px; }
.total-calling-agent-status .totalcalls-box .avgcalltime h2 { font-size: 14px; color: #2A3357; font-family: 'Inter-SemiBold'; margin-bottom: 0px; }
.total-calling-agent-status .icon { width: 70px; background: #f4f4f4; border-radius: 10px; height: 70px; display: flex; align-items: center; justify-content: center; }
.total-calling-agent-status .icon.unassignedcall { background: #FFE7F1; }
.total-calling-agent-status .icon.total-qc-agents { background: #F1E7FF; }

.total-calling-agent-status .card .content { display: flex; column-gap: 8px; width: 100%; align-items: center; }
.total-calling-agent-status .card .content .text { width: calc(100% - 70px); }
.total-calling-agent-status .card .text h2 { font-size: 16px; color:#6E7282; margin:0; }
.total-calling-agent-status .card .text h3 { font-size: 24px; color: #2A3357; margin: 0; font-family: 'Inter-Bold'; }
.total-calling-agent-status .card .text .counts-arrow { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.total-calling-agent-status .card .text .counts-arrow .arrow { color: #050F34; display: flex; transition: 0.5s; transform: translateX(0px); }

.qc-overall-status .card { border-color: #D5DEEC; padding: 10px; border-radius: 15px; }
.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card:hover { border: 1px solid transparent !important; }
.qc-comman-header { display: flex; column-gap: 15px; align-items: center; }
.qc-comman-header h2 { font-size: 14px; font-family: 'Inter-Medium'; color: #909CAF; text-transform: uppercase; letter-spacing: 3px; }
.qc-hdr-refresh { background: #EAF4FF; border: 1px solid transparent; border-radius: 25px; padding: 7px 10px; display: flex; font-size: 12px; color: #2A3357; font-family: 'Inter-SemiBold'; align-items: center; transition: all 0.5s; }
.qc-hdr-refresh svg { color: #0F78F2; }
.qc-hdr-refresh:hover { background: transparent; border-color: #0F78F2; color: #0F78F2; }
#qcoverallstats-chart { max-height: 400px; height: 400px !important; }
.qc-page-headding { font-size: 18px; color: #6E7282; font-family: 'Inter-Bold'; margin: 0; }
.qc-page-headding span { color: #050F34; }
.qc-hdr-calender { position: relative; }
.qc-hdr-calender input.calendar { font-size: 13px; color: #2A3357; font-family: 'Inter-Medium'; padding: 7px 10px; border: 1px solid #E0E0E0; border-radius: 5px; cursor: pointer; width: 195px; }
.qc-hdr-calender input.calendar:focus { box-shadow: none; }
.qc-hdr-calender input.calendar:focus-visible { outline: none;}
.qc-hdr-calender .hdr-cldr-icon { position: absolute; right: 10px; top: 8px; cursor: pointer; color: #0F78F2; }
.qc-overallstatus-card { display: flex; }
.qc-overallstatus-card .totalperformed-box { width: 250px; border-right: 1px solid #EFEFEF; display: flex; column-gap: 5px; margin: 10px 15px 10px 0; position: relative; padding: 0 0 0 15px; }
.qc-overallstatus-card .totalperformed-box::before { position: absolute; content: ''; background: #2A3357; width: 4px; border-radius: 0 4px 4px 0; left: 0; top: 0; height: 100%; z-index: 1; }
.qc-overallstatus-card .totalperformed-box .card.totalperformed { width: 100%; padding: 7px 0 0 10px; }
.qc-overallstatus-card .totalperformed-box .card.totalperformed .content { display: flex; align-items: flex-start; flex-direction: column; }
.qc-overallstatus-card .totalperformed-box .card.totalperformed h2 { font-size: 16px; color: #6E7282; font-family: 'Inter-Regular'; margin-bottom: 5px; }
.qc-overallstatus-card .totalperformed-box .card.totalperformed h3 { font-size: 22px; color: #2A3357; font-family: 'Inter-Bold'; margin-bottom: 0px; }
.qc-overallstatus-card .totalperformed-box .card { display: flex; border: 0; }
.qc-overallstatus-card .callstatusbox { width: calc(100% - 250px); display: flex; column-gap: 10px; padding-right: 15px; }
.qc-overallstatus-card .callstatusbox .card { display: flex; border: 1px solid transparent; border-radius: 10px; width:calc(25% - 10px); padding: 15px; transition:all ease-in 0.5s; }
.qc-overallstatus-card .callstatusbox .card:hover { border:1px solid #D5DEEC; background: #F4F9FF; }
.qc-overallstatus-card .callstatusbox .card.qc-completed .icon { color: #66E12C; }
.qc-overallstatus-card .callstatusbox .card.qc-pendding .icon { color: #FF9900; }
.qc-overallstatus-card .callstatusbox .card.qc-rejected .icon { color: #EE404C; }
.qc-overallstatus-card .callstatusbox .card.qc-commited .icon { color: #00A3FF; }
.qc-overallstatus-card .callstatusbox .card.qc-pass .icon { color: #66E12C; }
.qc-overallstatus-card .callstatusbox .card.pass-failed-box { border: 1px solid #D5DEEC; flex-direction: row; padding: 0; width: 50%; }
.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card { width: calc(50% - 0px); }
.qc-overallstatus-card .callstatusbox .card.pass-failed-box .card:hover { border: none;}

.qc-overallstatus-card .callstatusbox .card .content { display: flex; column-gap: 8px; }
.qc-overallstatus-card .callstatusbox .card .text h2 { font-size: 16px; color:#6E7282; margin: 0 0 5px 0; }
.qc-overallstatus-card .callstatusbox .card .text h3 { font-size: 22px; color: #2A3357; margin: 0; font-family: 'Inter-Bold'; }
.qc-overallstatus-card .callstatusbox .card .text .counts-arrow { display: flex; align-items: center; }
.qc-overallstatus-card .callstatusbox .card .text .counts-arrow .arrow { color: #2A3357; display: none; transition: 0.5s; transform: translateX(0px); }
.qc-overallstatus-card .callstatusbox .card:hover .counts-arrow .arrow { display: flex; transform: translateX(6px); }

.performance-section .tab-content .content { display: flex; column-gap: 15px; }
.performance-section .tab-content .content .card { width: calc(50% - 0px); border: 1px solid #D5DEEC; border-radius: 15px; }
.performance-section .tab-content .content .card .title { display: flex; align-items: center; column-gap: 10px; }
.performance-section .tab-content .content .card .title h4 { font-size: 16px; color: #050F34; font-family: 'Inter-Medium'; margin-bottom: 0; }
.performance-section .tab-content .content .table-content th { font-size: 13px; color: #6E7282; line-height: 16px; background-color: #F4F9FE; border: 0 !important; }
.performance-section .tabs { border: 1px solid #D1D8E2; background: #E3E8EF; border-radius: 7px; padding: 3px; }
.performance-section .tabs .nav { column-gap: 2px; border: 0; padding: 0 !important; }
.performance-section .tabs .nav .nav-link { font-size: 12px; font-family: 'Inter-Medium'; color: #2A3357; padding: 10px; border: 0; margin: 0; }
.performance-section .tabs .nav .nav-link:hover { background-color: #fff; border-radius: 4px; box-shadow: 0px 8px 12px -9px #B6BFCB; }
.performance-section .tabs .nav .nav-link.active { color: #2A3357; background-color: #fff; font-family: 'Inter-SemiBold'; border: 0 !important; border-radius: 4px; }
/* qc call dashboard css End */

/* Ticket Dashboard Css */
.ticket-dashboard-content .today-calls-card .ticket-status-box:last-child { border: 0; }
.ticketsummary-graph #status-chart { max-height: 300px; width: auto !important; }
#ticketdashboard .hourly-graph-status #ticket-hourly-chart { max-height: 300px; width: auto !important; margin-top: 15px; }
/* Ticket Dashboard Css End*/
/* Add dispo url css Start*/
#dispocallurl_popup .content { height: calc(100vh - 80px); }
/* Add dispo url css end*/
/* column configration */
.configuration-list { display:flex; flex-wrap: wrap; list-style: none; }
.configuration-list li { width: 50%; margin-bottom: 15px; position: relative; }
.configuration-list input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none !important; cursor: pointer; }
.configuration-list label { display: flex; align-items: flex-start; margin: 0; position: relative; cursor: pointer; font-size: 12px; color: #6E7282; font-family: 'Inter-Medium'; }
.configuration-list label:before { content: ''; -webkit-appearance: none; background-color: transparent; border-radius: 3px; border: solid 1px #8391C6; display: inline-block;
  position: relative; vertical-align: middle; cursor: pointer; width: 14px; height: 14px; margin-right: 5px; }
.configuration-list input:checked+label:after { content: ''; display: block; position: absolute; top: 2px; left: 5px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;
  transform: rotate(45deg) }
.configuration-list input:checked+label::before { background: #0F78F2; border: 1px solid #0F78F2; }
/* column configration End*/
.listing-table-content td.dtfc-fixed-left { z-index: 0; }/*Changed z-index (9 to0 ) by vinod for table thead overlapping issue */
.payment-utility-report-dropdown .dropdown-menu.show {
  width: 220px;
}
.payment-utility-report-dropdown { position: absolute; top: 0px; right: 5px; background: linear-gradient(270.56deg, #f5f7fa 0.45%, rgba(224, 224, 224, 0) 112.36%, rgba(237, 237, 246, 0) 112.36%); padding: 10px 0 10px 40px; z-index:9;}
.payment-utility-report-dropdown .plus-circle { width: 25px; height: 25px; font-size: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; }
.payment-utility-report-dropdown ul { list-style: none; padding: 10px; margin: 0; }
.payment-utility-report-dropdown ul li { margin: 2px 0;}
.payment-utility-report-dropdown ul li label { color: #6E7282; font-family: 'Inter-Regular'; margin-bottom: 0; }
.payment-utility-report-dropdown ul li input[type="checkbox"], input[type="radio"] { margin-right: 5px; }

/* Delivery Whatsapp Report Start */
.message-preview-content .modal-dialog { max-width: 630px; padding: 0 15px; }
.message-preview-content .modal-content { border-radius: 0; border: 0; box-shadow: none; padding: 0 15px; }
.message-preview-content .modal-content .modal-header { border-color: #EFEFEF; }
.message-preview-content .modal-content .modal-header .modal-title { font-size: 20px; color: #050F34; font-family: 'Inter-Bold'; margin: 0; }
.message-preview-content .sms-data-content .preview-footer { background-color: #f4f4f4; margin: 10px 0 0 0; padding: 15px 15px; font-family: 'Inter-Regular'; font-size: 16px; color: #050F34; }
.message-preview-content .sms-data-content .preview-footer strong { font-family: 'Inter-SemiBold'; font-weight: 500; }
.message-preview-content .modal-content .template-header { text-align: center; padding: 15px; border: 1px solid #f4f4f4; margin-bottom: 15px; }
.message-preview-content .modal-content .template-header img { max-height: 200px; }
.message-preview-content .modal-content .image-preview { text-align: center; padding: 15px; border: 1px solid #f4f4f4; margin-bottom: 15px; }
.message-preview-content .modal-content .image-preview img { max-height: 200px; }
.message-preview-content .modal-content .documents-preview { text-align: center; padding: 15px; border: 1px solid #f4f4f4; margin-bottom: 15px; }
.message-preview-content .modal-content .video-preview { text-align: center; padding: 15px; border: 1px solid #f4f4f4; margin-bottom: 15px; }
.message-preview-content .modal-content .video-preview video { max-width: 100%; width: 100%; }
.message-preview-content .modal-content .type-headding { font-size: 16px; font-family: 'Inter-Medium'; color: #050F34; margin: 0 0 2px 0; background: #eaf0f8; padding: 10px; }
.message-preview-content .modal-content .select-value-service-title { font-size: 16px; font-family: 'Inter-Medium'; color: #050F34; margin: 0 0 2px 0; background: #eaf0f8; padding: 10px; }
.message-preview-content .modal-content .interactive-view-content .template-buttons { margin-top: 15px; }
.message-preview-content .modal-content .interactive-view-content .section-title { font-size: 16px; font-family: 'Inter-Bold'; }
.message-preview-content .modal-content .service-row { background: #f8fbff; margin: 5px 0; padding: 10px; }
.message-preview-content .modal-content .service-row h4 { font-size: 16px; font-family: 'Inter-Medium'; color: #4557A6;  }
.message-preview-content .modal-content .service-row span { font-size: 14px; font-family: 'Inter-Regular'; color: #2A3357; }
.message-preview-content .modal-content .template-body-content { font-size: 14px; font-family: 'Inter-Medium'; color: #050F34; }
.message-preview-content .modal-content .template-footer-content { color:#2A3357; border-bottom: 1px solid #eaf0f8; padding-bottom: 10px; }
/* Delivery Whatsapp Report End */
/* QC Scoreboard final */
.qcscorecard-section-main { max-width: 850px; margin-left: auto; margin-right: auto; padding: 0 15px; }
.qcscorecard-section-main .qcscorecard-section { width: 100%; display: flex; background-color: #fff; }
.qcscorecard-section-main .qcscorecard-section .scorecard-section { width: calc(100% - 0px); }
.qcscorecard-section-main .callrecording-card { background: #DEEDFF; padding: 15px 50px 45px 50px; border-radius: 10px 10px 0 0; margin: 0; }
.qcscorecard-section-main .callrecording-card .recording-name {	display: flex; align-items: center; column-gap: 5px; justify-content: center; color: #2A3357; font-size: 14px; font-family: 'Inter-SemiBold'; }
.qcscorecard-section-main .callrecording-card .recording-name h5 { font-size: 14px; font-family: 'Inter-SemiBold'; color: #050F34; margin: 0; border-left: 0; padding-left: 0; }
.qcscorecard-section-main .callrecording-card .recording-name span { font-size: 14px; color: #2A3357; font-family: 'Inter-Regular'; }
.qcscorecard-section-main .call-recording-audio-card { display: flex; align-items: center; background: #fff; border: 1px solid #D5DDEA; border-radius: 10px; padding: 15px; }
.qcscorecard-section-main .call-recording-audio-card .player-control { display: flex; align-items: center; column-gap: 10px; margin-right: 25px; }
.qcscorecard-section-main .call-recording-audio-card .player-control .playbutton { width: 42px; height: 42px; background: #0F78F2; color: #fff; box-shadow: 0px 4px 19px 0px #2383F34D; border: 0; border-radius: 50%; }
.qcscorecard-section-main .call-recording-audio-card .player-control .playbutton:hover { background: #050F34; }
.qcscorecard-section-main .call-recording-audio-card .player-control .button-10s { width: 30px; height: 30px; border: 1px solid #DEDEDE; border-radius: 50%; background: #fff; color: #6E7282; position: relative; }
.qcscorecard-section-main .call-recording-audio-card .player-timeline { flex: 1; }
.qcscorecard-section-main .call-recording-audio-card button#rewind svg { transform: rotateY(-180deg); }
.qcscorecard-section-main .call-recording-audio-card .player-control .button-10s span { font-size: 8px; position: absolute; left: 9px; top: 10px; }
.qcscorecard-section-main .scorecard-question-content h4 { font-size: 16px; font-family: 'Inter-SemiBold'; margin: 0 0 10px 0; color: #6E7282; }
.qcscorecard-section-main .scorecard-question-content { height: calc(100vh - 350px); overflow-y: auto; overflow-y: auto; scrollbar-color: #D4DDF2 #f5f7fa; scrollbar-width: thin; scroll-behavior:smooth; background-color: #fff; position: relative; top: -15px; border-radius: 10px 10px 0 0; padding-top: 15px; margin-bottom: 60px; }
.qcscorecard-section-main .scorecard-question-content::-webkit-scrollbar { width: 5px; height: 14px; }
.qcscorecard-section-main .scorecard-question-content::-webkit-scrollbar-track { background: transparent; }
.qcscorecard-section-main .scorecard-question-content::-webkit-scrollbar-thumb { background: #D4DDF2; border-radius: 14px; }
.qcscorecard-section-main .scorecard-question-content::-webkit-scrollbar-thumb:hover { background: #D4DDF2; }

.qcscorecard-section-main .scorecard-question-content h4 span { color: #050F34; }
.qcscorecard-section-main .scorecard-question-content .card { border-color: #E3E3E3; background: #fff; border-radius: 10px; box-shadow: 0px 4px 20px 0px #ABB6C733; padding: 10px 15px; margin-bottom: 10px; }
.qcscorecard-section-main .scorecard-question-content .card .question-content { display: flex; justify-content: space-between; column-gap: 15px; align-items: flex-start; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .description h3 { font-size: 9px; letter-spacing: 2px; color: #6E7282; font-family: 'Inter-SemiBold'; margin-bottom: 8px; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .description p { font-size: 14px; color: #050F34; font-family: 'Inter-Medium'; margin-bottom: 0; word-break: break-all; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .score-count { display: flex; align-items: center; column-gap: 10px; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .score-count .form-control { width: 65px; box-shadow: 0px 0px 8px 0px #CFD3E080; border: 1px solid #CFD3E0; height: 40px; border-radius: 8px; color: #050F34; text-align: center; font-family: 'Inter-Medium'; appearance: auto; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .score-count .form-control::placeholder { color:#BCBFCF; }
.qcscorecard-section-main .scorecard-question-content .card .question-content .score-count .no-of-count { color: #0F78F2; font-size: 12px; font-family: 'Inter-Medium'; }

.qcscorecard-section-main .textareabox.active { background: #fff; }
.qcscorecard-section-main .textareabox.active textarea.form-control { background: #fff; }
.qcscorecard-section-main .textareabox.active .question-actionbutton { display: flex; }
.qcscorecard-section-main .textareabox.active .time { color: #0F78F2; }

.qcscorecard-section-main .textareabox { width: 100%; position: relative; border: 1px solid #F3F5F8; border-radius: 25px; display: flex; align-items: center; margin-top: 10px; background: #F3F5F8; }
.qcscorecard-section-main .textareabox textarea.form-control { box-shadow: none; border-radius: 25px; height: 42px; border: 0; background: #F3F5F8; padding: 11px 0px 11px 0px; width: calc(100% - 230px); resize: none; font-size: 12px; font-family: 'Inter-Medium'; }
.qcscorecard-section-main .textareabox textarea.form-control::placeholder { color: #6E7E98; font-family: 'Inter-Regular'; font-size: 12px; }
.qcscorecard-section-main .textareabox .user-time { position: relative; left: 5px; display: flex; column-gap: 5px; align-items: center; top: 0px; width: 90px; }
.qcscorecard-section-main .textareabox .user { background: #D5DEEB; font-size: 9px; font-family: 'Inter-Medium'; color: #2A3357; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; }
.qcscorecard-section-main .textareabox .time { color: #6E7E98; font-family: 'Inter-Regular'; font-size: 11px; border-right: 1px solid #E3E5EB; padding-right: 10px; }
.qcscorecard-section-main .question-actionbutton { position: relative; right: 5px; display: none; align-items: center; top: 0; width: 140px; justify-content: flex-end; }
.qcscorecard-section-main .question-actionbutton .viewpresets { font-size: 11px; color: #2A3357; font-family: 'Inter-Medium'; background: #fff; border: 0; height: 20px; padding: 0 10px; border-right: 1px solid #E3E5EB; margin-right: 5px; }
.qcscorecard-section-main .question-actionbutton .send { width: 24px; height: 24px; border-radius: 50%; border: 0; color: #fff; background: #9DA4B5; display: flex; align-items: center; justify-content: center; }
.qcscorecard-section-main .question-actionbutton .send:hover { background: #0F78F2; }
.qcscorecard-section-main .dropdown-menu.viewpresets-popup { left: -100px !important; right: 70px !important; }
.qcscorecard-section-main .comment-preview { width: 100%; position: relative; display: flex; align-items: flex-start; margin-top: 10px;  }
.qcscorecard-section-main .comment-preview .user-time { position: relative; left: 5px; display: flex; column-gap: 5px; align-items: center; top: 0px; width: 85px; }
.qcscorecard-section-main .comment-preview .user { background: #D5DEEB; font-size: 9px; font-family: 'Inter-Medium'; color: #2A3357; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; }
.qcscorecard-section-main .comment-preview .time { color: #0F78F2; font-family: 'Inter-Regular'; font-size: 11px; border-right: 1px solid #E3E5EB; padding-right: 10px; }
.qcscorecard-section-main .comment-preview .comment-text { max-width: calc(100% - 235px); margin-top: 3px; }
.qcscorecard-section-main .comment-preview .comment-text p { font-size: 12px; color: #050F34; font-family: 'Inter-Regular'; word-break: break-all; }
.qcscorecard-section-main .comment-preview .date-action { display: flex; width:130px; align-items: center; margin: 3px 0 0 5px; }
.qcscorecard-section-main .comment-preview .comment-date { font-size: 12px; color: #9DA4B5; font-family: 'Inter-Regular'; padding: 0 5px }
.qcscorecard-section-main .comment-preview .comment-action { position: relative; display: flex; align-items: center; top: 0px; border-left: 1px solid #E3E3E3; padding-left: 5px; margin-left: 5px; }
.qcscorecard-section-main .comment-preview .comment-action a { font-size: 12px; color: #2A3357; font-family: 'Inter-Medium'; background: #fff; border: 0; padding: 0 5px; margin-right: 5px; }
.qcscorecard-section-main .comment-preview .comment-action a:hover { color: #0F78F2; }
.qcscorecard-section-main .progress::before { position: absolute; right: 0; height: 10px; width: 10px; top: 0; content: ''; background: red; }
.qcscorecard-section-main .scorecard-footer { box-shadow: 0px -4px 11px 0px #00000014; background: #fff; height: 65px; align-items: center; display: flex; position: fixed; bottom: 0; left: 217px; right: 0; width: calc(100% - 217px); transition: all ease 0.5s; padding: 0 15px; justify-content: space-between; }
body.active .scorecard-footer {	width: calc(100% - 85px); left: 85px; }
.qcscorecard-section-main .scorecard-footer .questions h6 { font-size: 16px; color: #050F34; font-family: 'Inter-SemiBold'; margin: 0; }
.qcscorecard-section-main .scorecard-footer .rightsection { display: flex; align-items: center; }
.qcscorecard-section-main .scorecard-footer .rightsection .total-points { padding-right:30px; border-right: 1px solid #E3E3E3; text-align: right; }
.qcscorecard-section-main .scorecard-footer .rightsection .total-points label { font-size: 14px; font-family: 'Inter-Medium'; color: #6E7282; display: flex; column-gap: 5px; align-items: center; margin-bottom: 3px; }
.qcscorecard-section-main .scorecard-footer .rightsection .total-points .count { font-family: 'Inter-SemiBold'; color: #050F34; }
.qcscorecard-section-main .scorecard-footer .rightsection .total-points .totalcount { font-family: 'Inter-Medium'; color: #0F78F2; font-size: 12px; }
.qcscorecard-section-main .scorecard-footer .rightsection .total-points .passingmark { font-size: 12px; color: #A7A7A8; font-family: 'Inter-Medium'; }
.qcscorecard-section-main .scorecard-footer .rightsection .actions { width: auto; justify-content: flex-end; display: flex; padding-left: 20px; }
.qcscorecard-section-main .scorecard-footer .rightsection .actions .default_btn2:hover { background-color: #fff; color: #0F78F2; border-color: #0F78F2; }
.qcscorecard-section-main .scorecard-footer .rightsection .actions .reject { background-color: #fff; color: #E83535; border:1px solid #E83535; border-radius: 5px; display: flex; justify-content: center;
  align-items: center; padding: 9px; font-family: 'Inter-SemiBold'; font-size: 14px; transition: 0.5s; }
.qcscorecard-section-main .scorecard-footer .rightsection .actions .reject:hover { background-color: #E83535; color: #fff; }
.viewpresets.dropdown-toggle::after { display: none; }
.viewpresets-popup { border: 0; box-shadow: 0px 0px 16px 0px #BAC1CB80; width: 285px; right: 48px !important; left: inherit !important; top: 10px !important; border-radius: 10px; }
.viewpresets-popup .header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding: 5px 15px; }
.viewpresets-popup .header h2 { font-size: 12px; color: #2A3357; font-family: 'Inter-SemiBold'; }
.viewpresets-popup ul { list-style: none; margin-bottom: 0; padding: 8px 15px; }
.viewpresets-popup ul li { line-height: 24px; }
.viewpresets-popup ul li a { color: #2A3357; font-size: 12px; font-family: 'Inter-Medium'; }
.viewpresets-popup .closedropdown::after { display: none; }
.viewpresets-popup .closedropdown { background: transparent; padding: 0; border: 0; }
.finishqc-popup-content .modal-content { border-radius: 10px; border: 0; padding: 0 15px; }
.finishqc-popup-content .modal-header { padding:10px 0px; display: flex; align-items: flex-start; border-color: #EFEFEF; flex-direction: column; }
.finishqc-popup-content .modal-header p { color: #6E7282; font-size: 12px; font-family: 'Inter-Regular';}
.finishqc-popup-content h4 { color: #050F34; font-family: 'Inter-Bold'; margin: 0; }
.finishqc-list ul { list-style: none; margin-bottom: 0; display: flex; flex-wrap: wrap; }
.finishqc-list ul li { width: calc(50% - 5px); margin-bottom: 5px; }
.finishqc-list label { display:inline-flex; align-items:center; gap:10px; margin:5px 0; cursor: pointer; color: #050F34; font-family: 'Inter-Regular'; font-size: 14px; }
.finishqc-list input[type=radio] { --s: 16px; --c: #0F78F2; height: var(--s); width: 16px; height: 16px; border: 2px solid #8391C6; padding:2px; border-radius: 50%; outline-offset: calc(var(--s)/10); -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;  font-size: inherit;
  transition: .3s; }
.finishqc-list input[type=radio]:checked { border-color: var(--c); background-size: 100% 100%; border-width: 3px; }

.rejectqc-popup-content .modal-content { border-radius: 10px; border: 0; padding: 0 15px; }
.rejectqc-popup-content .modal-header { padding:10px 0px; display: flex; align-items: flex-start; border-color: #EFEFEF; flex-direction: column; }
.rejectqc-popup-content .modal-header p { color: #6E7282; font-size: 12px; font-family: 'Inter-Regular';}
.rejectqc-popup-content h4 { color: #050F34; font-family: 'Inter-Bold'; margin: 0; }

.rejectqc-popup-content .rejectqc-list ul { list-style: none; margin-bottom: 0; display: flex; flex-wrap: wrap; }
.rejectqc-popup-content .rejectqc-list ul li { width:100%; margin-bottom: 5px; }
.rejectqc-popup-content .rejectqc-list label { display:inline-flex; align-items:center; gap:10px; margin:5px 0; cursor: pointer; color: #050F34; font-family: 'Inter-Regular'; font-size: 14px; }
.rejectqc-popup-content .rejectqc-list input[type=radio] { --s: 16px; --c: #0F78F2; height: var(--s); width: 16px; height: 16px; border: 2px solid #8391C6; padding:2px; border-radius: 50%; outline-offset: calc(var(--s)/10); -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;  font-size: inherit;
  transition: .3s; }
.rejectqc-popup-content .rejectqc-list input[type=radio]:checked { border-color: var(--c); background-size: 100% 100%; border-width: 3px; }
.rejectqc-popup-content .rejectqc-list .from-group label { font-size: 13px; font-family: 'Inter-SemiBold'; color: #6E7282; }
/* QC Scoreboard final End*/
/* DNC Details css by vinod */

.dnc-numbers-import .file-upload {
  width: 100%;
  margin: 0 auto;
}

.dnc-numbers-import .file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
}

.dnc-numbers-import .file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.dnc-numbers-import .file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.dnc-numbers-import .file-upload-content {
  display: none;
  text-align: center;
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
}

.dnc-numbers-import .file-upload-content .image-title {
  font-size: 12px;
  font-family: 'Inter-SemiBold';
}

.dnc-numbers-import .file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.dnc-numbers-import .image-upload-wrap {
  border: 1px dashed #002863;
  position: relative;
  background: #F4F9FE;
  display: flex;
  justify-content: center;
  align-content: center;
  min-height: 80px;
  border-radius: 5px;
}

.dnc-numbers-import .image-dropping,
.dnc-numbers-import .image-upload-wrap:hover {
  background-color: #fff6ed;
  border: 1px dashed #002863;
}

.dnc-numbers-import .image-title-wrap {
  padding: 10px 15px 15px 15px;
  justify-content: center;
  display: flex;
}

.dnc-numbers-import .drag-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dnc-numbers-import .drag-text h3 {
  color: #050F34;
  font-size: 14px;
  font-family: 'Inter-Regular';
  margin: 0;
}

.dnc-numbers-import .drag-text span {
  font-family: 'Inter-SemiBold';
}

.dnc-numbers-import .file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.dnc-numbers-import .remove-image {
  width: 110px;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 5px;
  border-radius: 5px;
  transition: all .2s ease;
  outline: none;
  font-size: 14px;
  display: flex;
  font-family: 'Inter-SemiBold';
  justify-content: center;
}

.dnc-numbers-import .remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.dnc-numbers-import .remove-image:active {
  border: 0;
  transition: all .2s ease;
}
.dnc-details-content .search-area .searchicon {
  position: absolute;
  top: 2px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 10px;
}
.dnc-details-content .search-area  .form-control { padding-left: 30px; }
.dnc-details-content .search-area label { margin-bottom: 0; }
/* DNC Details End */
/* Web Api guide page css */
.add-agent-api .content ul, .add-agent-api .content ol {
    margin-left: 0;
    line-height: 25px;
    margin-top: 15px;
    list-style: none;
}
.add-agent-api .content ul li { position: relative; padding-left: 10px; }
.add-agent-api .content ul li::before {
    width: 5px;
    height: 5px;
    background: #000;
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 9px;
    left: 0;
}
.add-agent-api .content ol { list-style: auto; margin-left: 15px; }
.add-agent-api .content ol li::before { display:none; }
.add-agent-api .content ol li .editable-text {
    position: relative;
    left: -20px;
}
.add-agent-api .content pre, .add-agent-api .content span, .add-agent-api .content p, .add-agent-api .content .form-group { font-size: 16px !important; font-family: 'Inter-Regular' !important;  color: #050F34; }
.webapi-content .content ul, .webapi-content .content ol { margin-left: 20px; line-height: 25px; margin-top: 15px; }
.webapi-content .content pre, .webapi-content .content span, .webapi-content .content p { font-size: 16px !important; font-family: 'Inter-Regular' !important; color: #050F34; }
/* Web Api guide page css End*/
/* added css for select field error option text*/
.has-error .form-control option { color: #050F34 !important; }
/* ended css for select field error option text*/
/* manual survey css*/
#manual_survey tr:hover .link-listing { max-width: 120px; }
div#surveyDetails { overflow-y: auto; max-height: 450px; }
.survey-question-answer-content .modal-dialog { max-width: 750px; width: 100%; padding: 0 15px; }
.survey-question-answer-content .modal-content { padding: 0 15px; border-radius: 0; }
.manual-survey-question-answer { border: 1px solid #ebebeb; border-radius: 10px; padding: 10px; margin: 5px 0; }
.manual-survey-question-answer .question-card strong { font-family: 'Inter-SemiBold'; font-size: 14px; color: #050F34; margin-right: 5px; word-break: break-all;}
.manual-survey-question-answer .question-card .questiontext { font-family: 'Inter-Regular'; font-size: 14px; color: #050F34; word-break: break-all; }
.manual-survey-question-answer .question-card p { font-size: 14px; font-family: 'Inter-Regular'; word-break: break-all; line-height: 20px }
.manual-survey-question-answer .answer-card { margin-top: 10px; }
.manual-survey-question-answer .answer-card strong { font-family: 'Inter-SemiBold'; font-size: 16px; color: #050F34; word-break: break-all; }
.manual-survey-question-answer .answer-card .answertext { font-size: 14px; font-family: 'Inter-Regular'; word-break: break-all; line-height: 20px; }
/* manual survey css end*/
/* billing module css added by vinod*/
.pulsecolumn .input-info-text { position: absolute; right: 1px; top: 1px; background: #f3f8ff; border-radius: 0 5px 5px 0;
  height: 35px; padding: 0 8px; font-size: 12px; line-height: 35px; }
/* billing module css Ended by vinod*/
/* DNC Api log Report css start*/
#dnc_api_log_report_list .response-text { white-space: normal !important; max-width: 580px !important; display: inline-block; }
/* DNC Api log Report css End*/
.datanotfound { width: 100%; }
.datanotfound .content { justify-content: center; display: flex; align-items: center; flex-direction: column; height: 270px; border: 0 !important; }
.datanotfound .content h3 {	color: var(--Primary); font-size: 14px; font-family: 'Inter-Regular'; margin: 15px 0 0 0; }
/*  */
.ticket-editer-content .note-editor.note-frame { border: 1px solid #8391C6; border-radius: 5px 5px 0 0; }
.ticket-editer-content .card-header { border-bottom: 1px solid #8391C6; border-radius: 5px 5px 0 0; background: #fff; }
.ticket-editer-content .note-btn-group .note-btn { border-color: #D6E6F2; background: #F3F9FE; }
.ticket-editer-content .note-editor.note-frame .note-statusbar { background-color: #e6e9f7; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
    border-top: 1px solid #8391C6; }
.ticket-editer-content .note-editable { padding: 15px !important; }
.ticket-editer-content .note-editable p { color: #050F34; font-family: 'Inter-Regular'; font-size: 14px; margin-bottom: 5px; }
.ticket-editer-content .note-editable ul, .ticket-editer-content .note-editable ol { padding-left: 10px; margin-bottom: 0; }
.ticket-editer-content .note-editable ul li, .ticket-editer-content .note-editable ol li { color: #050F34; font-family: 'Inter-Regular'; font-size: 14px; line-height: 22px; }
.whatsappcontent .webhook-url-field { min-height: 37px; height: auto; padding: 8px 10px; word-break: break-all; }

.webclient-config-content .mandatory-number-field { width: 120px; margin: -10px 0 0 10px; }
.webclient-config-content .script-url-field { border: 1px solid #8391C6; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #FFFFFF; font-size: 13px; color: #050F34 !important; font-family: 'Inter-Regular'; font-weight: normal; min-height: 37px; padding: 8px 10px; width: 100%; word-break: break-word; margin-bottom: 0; }
.webclient-config-content .copyButton.default_btn2 { position: absolute; right: 0px; top: -4px; padding: 5px; height: auto; }
.webclient-config-content .copyButton.default_btn2:hover { transform: none; }
.webclient-config-content .delete-record-button { background: #fff; color: #dc3545; border: 1px solid #ffcfd4; width: auto; height: 37px; border-radius: 5px;	transition: all 0.5s; margin-top: 30px; padding: 0 10px; font-family: 'Inter-Medium'; font-size: 14px; }
.webclient-config-content .delete-record-button:hover { color: #fff; background: #dc3545; border-color: #dc3545; }
.webclient-config-content .dynamic-bot-script { background: #F4F7FF; padding: 15px 0 10px 0; border-radius: 15px; margin: 0; }
.webclient-config-content .addbotbutton { background: #28a745; color: #fff; border: 1px solid #28a745; height: 37px; border-radius: 5px; transition: all 0.5s; padding: 0 10px; }
.webclient-config-content .addbotbutton:hover { color: #28a745; background: #e8ffed; border-color: #e8ffed; }
/* hungup button css */
.headerbutton.hangupcallbutton { border:1px solid transparent !important; background: #F43B3B !important; }
.headerbutton.hangupcallbutton path { fill: #fff !important; }
.headerbutton.hangupcallbutton:hover {	background: #fff !important; border-color: #F43B3B !important; }
.headerbutton.hangupcallbutton:hover path { fill: #F43B3B !important; }
/* hungup button css End*/
/* ticket reports popup css */
.modal-body.viewmessagecontent { max-height: 500px;	overflow-y: auto;  scrollbar-color: #889BC8 #f5f7fa; }
.modal-body.viewmessageconten::-webkit-scrollbar { width: 10px; height: 14px;}
.modal-body.viewmessageconten::-webkit-scrollbar-track { background: transparent; }
.modal-body.viewmessageconten::-webkit-scrollbar-thumb { background: #889BC8; border-radius: 14px; }
.modal-body.viewmessageconten::-webkit-scrollbar-thumb:hover { background: #889BC8; }
.ticket-report-messages-view .modal-dialog{  max-width: 700px !important; }
.ticket-report-messages-view .modal-header .modal-title { font-size: 20px; color: #050F34;font-family: 'Inter-Bold';}
.ticket-report-messages-view .modal-header { border-bottom: 1px solid #EFEFEF;}
.ticket-report-messages-view .modal-content { border-radius: 0; }
.ticket-report-messages-view .modal { padding: 0 !important; }
.ticket-report-messages-view #viewMessageContent { line-height: 22px; margin-bottom:0; font-family: 'Inter-Medium'; font-size: 14px; color: #212529; }
.btn.view-message { font-size: 12px; color: var(--button); }
.default_btn3.verify-btn {display: inline-block; padding: 3px 5px; font-size: 12px;	margin-left: 9px; }
/* ticket reports popup css End */

/* ask AI Css */
.chtboticon { position: fixed; right: 30px; bottom: 60px; z-index: 9999; padding-top: 50px; }
.chtboticon button#chatbot-ai-button { background: linear-gradient(180deg, #1476b5 0%, #35a1e6 100%); border: 0; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 15px #deedf8; -webkit-animation: pulse 2s infinite 3s; animation: pulse 2s infinite 3s cubic-bezier(0.25, 0, 0, 1); }
.chtboticon button#chatbot-ai-button:hover { background:linear-gradient(180deg, #35a1e6 0%, #1476b5 100%); animation: none; box-shadow: 0px 0px 5px #deedf8; }
@keyframes  pulse {
  to {
    box-shadow: 0 0 0 8px rgba(20, 118, 181, 0.2);
  }
}
.chtboticon button path { fill: #fff; }
.chtboticon button ellipse { fill: #fff; }
 
.chatbot-container { position: fixed; right: 30px; bottom: 15px; background: linear-gradient(180deg, #ffffff 0%, #deedf8 100%); border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.3) 0px 4px 20px -0.75px; max-width: 520px; width: 100%; z-index: 99999; min-height: 460px; display: none; }
.ask-question-action::before { background-color: rgb(0, 0, 0, 0.5); position: fixed; content: ''; top: 0;
  left: 0; right: 0; bottom: 0; z-index: 99999; }
.chatbot-container.chatbotshow { display: block; }
.chatbot-container.askai-container { max-width: 330px; }
.chatbot-container.askai-container .botheader { padding: 30px; }
.chatbot-container.full-screen { max-width: 80%; margin: 0 auto; right: 0; left: 0; }
.chatbot-container.full-screen .botcontent { display: none; }
.chatbot-container.full-screen .iframe-content { display: block !important; }
.chatbot-container .iframe-content { padding:20px 15px 10px 15px; }
.chatbot-container .iframe-content iframe { border-radius: 10px; }
/*.botheader { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(180deg, #06054B 0%, #1811A1 100%); border-radius: 15px 15px 0 0; padding:15px;} */
.botheader { display: flex; justify-content: space-between; align-items: center; background: transparent; border-radius: 15px 15px 0 0; padding:20px 15px; }
.botheader h2, .botheader button { color: #fff; font-size: 16px; font-weight: 600; margin: 0; }
.botheader .chat-right-hdr { display: flex; column-gap: 15px; }
.botheader button { background: transparent; border: 0; display: flex; align-items: center; color: #000; }
.chatbot-fullscreen-mode { overflow: hidden; }
.askai-button { background: linear-gradient(90deg, #1476b5 50%, #35a1e6 100%); border: 0; width: 50px; height: 50px; border-radius: 25px; display: flex; justify-content: flex-start; align-items: center;
    box-shadow: 0px 0px 19px #818181; position: fixed; right: 30px; bottom: 30px; z-index: -1; opacity: 0; transition: all ease 0.5s; color: #fff; padding-left: 25px; font-size: 18px; font-weight: 600; }
.chtboticon button:hover + .askai-button { width: 150px; border-radius: 25px; opacity: 1; }
.askai-button { background: linear-gradient(90deg, #1476b5 0%, #35a1e6 100%); border: 0; width: 50px; height: 50px; border-radius: 25px; display: flex; justify-content: flex-start; align-items: center; box-shadow: 0px 0px 19px #818181; position: fixed; right: 30px; bottom: 60px; z-index: -1; opacity: 0; transition: all ease 0.5s; color: #fff; padding-left: 25px; font-size: 16px; font-weight: 600; }
.chtboticon button:hover + .askai-button { width: 150px; border-radius: 25px; opacity: 1; }
.chatbot-container .botcontent { padding: 30px; }
.chatbot-container .botcontent h4 { color: #050F34; font-size: 30px; margin:40px 0 70px 0; font-weight: 300; line-height: 45px; font-family: 'Inter-Regular'; }
 
.chatbot-container .botcontent .questionscard { background: linear-gradient(180deg, #1476b5 0%, #35a1e6 100%); border-radius: 15px; padding: 15px; margin-top: 25px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; }
.chatbot-container .botcontent .questionscard .content { display: flex; column-gap: 10px; position: relative; }
.chatbot-container .botcontent .questionscard .content span.boticon { width: 30px; height: 30px; background: linear-gradient(180deg, #06054B 0%, #1811A1 100%); border-radius: 25px; display: flex; justify-content: center; align-items: center; }
.chatbot-container .botcontent .questionscard .content span.boticon path { fill: #fff; }
.chatbot-container .botcontent .questionscard .content p { width: calc(100% - 0px);  margin-bottom: 0; color: #fff; position: relative; margin-top: 45px;
  text-align: center; font-family: 'Inter-Regular'; font-size: 16px; line-height: 25px; }
.chatbot-container .botcontent .questionscard button.askai { background: #fff; border: 1px solid transparent; font-size: 14px; color: #000756; width: 100%; border-radius: 8px; padding: 8px 5px; margin-top: 15px; font-family: 'Inter-Medium'; }
.chatbot-container .botcontent .questionscard button.askai:hover { border: 1px solid #deedf8; background: #deedf8; transition: 0.5s ease; }
.botanimated-icon {  background: #fff; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: 0 auto; position: absolute; left: 0; right: 0; top: -50px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; }
.boticonclose { background: transparent !important; color: #000 !important; animation: none !important; box-shadow: 0px 0px 15px #fff; border: 0; position: fixed; right: 20px;bottom: 110px; z-index: 9999; display: none; }
.boticonclose path { fill: #000 !important; }
.chtboticon.boat-icon-hide { display: none; }
.boticonclose.boat-icon-hide { display: none; }
.chtboticon:hover .boticonclose { display: block; }

.botbuttonshow { position: fixed; right: 0; bottom: 80px; width: 22px; z-index: 9999; background: #1476b5; color: #fff; height: 30px; border-radius: 12px 0 0 12px; padding: 0 0 0 4px; display: none; border: 0; }
.botbuttonshow.show-bot-icon { display: flex; align-items: center; justify-content: center; }
/* ask AI Css */