@charset "UTF-8";
@font-face {
  font-family: 'SancoaleSoftenedLight';
  src: url("../fonts/notosans/insigne - sancoalesoftenedlight.otf") format("opentype"); }

@font-face {
  font-family: 'SancoaleSoftenedMedium';
  src: url("../fonts/notosans/sancoalesoftenedmedium.otf") format("opentype"); }

@font-face {
  font-family: 'SancoaleSoftenedRegular';
  src: url("../fonts/notosans/sancoalesoftenedregular.otf") format("opentype"); }

@font-face {
  font-family: 'notosans-light';
  src: url("../fonts/notosans/notosans-light.ttf") format("truetype"); }

@font-face {
  font-family: 'notosans-extralight';
  src: url("../fonts/notosans/notosans-extralight.ttf") format("truetype"); }

@font-face {
  font-family: 'notosans-medium';
  src: url("../fonts/notosans/notosans-medium.ttf") format("truetype"); }

@font-face {
  font-family: 'notosans-regular';
  src: url("../fonts/notosans/notosans-regular.ttf") format("truetype"); }

.img-icons {
  width: 20px;
  height: 20px; }

/*remove background image*/
body {
  background-image: none !important;
  /*background-color:#e7ebee!important;*/
  background-color: white !important; }

.nano-pane:hover,
.nano-pane:active,
.nano-pane:active {
  width: 16px !important; }

#content-wrapper {
  min-height: 0 !important; }

.sweet-alert input[type=checkbox] {
  display: inline;
  width: 20px;
  box-shadow: none;
  transition: none;
  height: initial;
  margin: 0;
  padding: 0; }

.sweet-alert ul {
  max-height: 300px;
  overflow: auto;
  padding: 0;
  margin: 0; }

.sweet-alert li {
  list-style: none; }

.sweet-alert li span {
  text-align: left; }

#footer-bar {
  bottom: initial;
  margin-top: 45px;
  background-color: #e7ebee !important; }

/*top navigation bar*/
.fixed-header #header-navbar {
  top: 20px;
  max-width: 1900px; }

/*Avoid owerwrite tabs labels when content scroll*/
#tpHeaderDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background-color: #E7EBEE;
  z-index: 75;
  max-width: 1900px; }

#page-wrapper {
  max-width: 1900px; }

#theme-wrapper {
  box-shadow: none !important; }

/*Bug when clicked collapsed menú it was with blue border*/
/*Add outline: 0; to a selector #col-left-inner*/
/*End bug when clic collapsed menú*/
#col-left-inner {
  margin-top: -7px;
  margin-left: -2px;
  outline: 0; }

/*tabs top margin*/
#tpMainContainerTabs {
  position: fixed;
  top: 70px;
  /*left: 220px;*/
  z-index: 80; }

#tpMainTabsContent {
  position: relative;
  top: 44px; }

.tpTables-condensed > thead > tr > th,
.tpTables-condensed > tbody > tr > th,
.tpTables-condensed > tfoot > tr > th,
.tpTables-condensed > thead > tr > td,
.tpTables-condensed > tbody > tr > td,
.tpTables-condensed > tfoot > tr > td {
  padding: 6px; }

/*4x4x4 dropdown menu background color on hover white*/
/*#dropMenuProfile > li > a:hover, #dropMenuProfile > li > a:focus {
    background-image: none !important;
}

#dropMenuProfile > li > a:hover, #dropMenuProfile > li > a:focus {
    background-color: #FFFFFF;
}*/
#dropMenuProfile {
  min-width: initial;
  width: 174px;
  max-width: 174px; }
  #dropMenuProfile > li #save-theme-preferences-button {
    font-size: 20px;
    padding: 5px;
    background: white;
    color: #707070; }
  #dropMenuProfile > li select:hover, #dropMenuProfile > li select:focus, #dropMenuProfile > li select:active {
    box-shadow: none; }
  #dropMenuProfile > li select:hover {
    background-color: transparent; }
  #dropMenuProfile > li hr {
    margin-top: 5px;
    margin-bottom: 5px; }
  #dropMenuProfile > li > a {
    padding: 5px; }
    #dropMenuProfile > li > a:hover {
      background-color: initial; }
  #dropMenuProfile > li #LogOutHyperspan {
    width: 100%;
    display: inline-block; }
    #dropMenuProfile > li #LogOutHyperspan:hover {
      background-color: #A91818;
      color: white; }
  #dropMenuProfile > li.title span {
    padding: 5px;
    border: none;
    border-radius: 3px;
    font-weight: 900;
    color: #707070;
    padding-left: 9px;
    font-size: 13px; }
  #dropMenuProfile > li:hover:not(.title) {
    background-color: #f6f6f6;
    color: #707070; }

/*Table thead not uppercase*/
.table thead > tr > th {
  border-bottom: 2px solid #e7ebee;
  text-transform: none;
  font-size: 0.875em; }

.form-inline-box {
  background: none repeat scroll 0 0;
  padding: 7px;
  border: none; }

/*Begin panel heading button*/
.panel-heading-btn {
  float: right; }

.panel-heading-btn > a {
  margin-left: 8px; }

.btn-icon,
.btn.btn-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  line-height: 28px;
  text-align: center;
  font-size: 14px; }

.btn-circle,
.btn.btn-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.btn-icon.btn-xs {
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px; }

.btn-icon.btn-sm {
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 22px; }

.btn-icon.btn-lg {
  width: 34px;
  height: 34px;
  font-size: 17px;
  line-height: 34px; }

.panel.panel-expand {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1080; }

.panel.panel-expand > .panel-heading .fa.fa-expand:before {
  content: '\f066'; }

/*End panel heading button*/
/*toastr no transparent*/
.toast {
  opacity: 1 !important; }

.tpNoHoverDropdown-menu > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  /*color: red;*/
  background-color: white;
  background-image: none;
  filter: none; }

.tpNavyColor {
  /*color: #337AB7;*/ }

.tpLabel {
  font-size: 14px !important;
  font-weight: 600; }

.tpCollapsiblePanel-primary {
  cursor: pointer;
  color: white;
  font-size: 1.125em;
  font-weight: 300;
  background-color: #337AB7;
  height: 30px;
  padding-top: 5px;
  padding-left: 5px;
  border-radius: 10px; }

.tpCollapsiblePanel-default {
  cursor: pointer;
  color: black;
  font-size: 1.125em;
  font-weight: 300;
  background-color: #E7EBEE;
  height: 30px;
  padding-top: 5px;
  padding-left: 5px;
  border-radius: 10px; }

.tpDeleteResult {
  font-size: 16px; }

.tp98pct {
  width: 98% !important; }

.tp75pct {
  width: 75% !important; }

.tp50pct {
  width: 50% !important; }

.tp25pct {
  width: 25% !important; }

.modal {
  margin-top: -60px; }

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #F1F3F7; }

h2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

/*Remove border and background for wizard*/
/*.wizard .wizard-inner{
    background-color:white!important;
    border:none!important;
}*/
.container {
  width: 100% !important;
  max-width: initial !important; }

@media (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 5px; } }

.table a.table-link {
  margin: 0 5px;
  font-size: 13px; }

.tpNavy {
  color: #337AB7 !important; }

.main-box {
  box-shadow: none;
  border: 1px solid #CCCCCC;
  border-radius: 0; }

.tpmain-box {
  /*-webkit-box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);
box-shadow: 10px 10px 30px 5px rgba(0,0,0,0.75);*/
  background-color: #FDFDFD;
  /* box-shadow: 2px 2px 3px 2px #CCCCCC;*/
  box-shadow: none;
  border: 1px solid #CCCCCC;
  /*background: white;*/
  /*border:2px solid #D0D8DE;*/
  margin-top: 1px;
  margin-left: 1px;
  margin-bottom: 15px;
  margin-right: 15px;
  /* overflow: hidden; */
  /*border-radius: 3px;*/
  /* stops bg color from leaking outside the border: */
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px; }

.menuTabs {
  position: fixed;
  margin-top: 10px;
  left: 0;
  height: 100%;
  background-color: #E7EBEE; }

.mainTabDIVAndOthersTabs {
  padding-top: 5px;
  padding-left: 105px; }

.tpclientItemMenuActiveAdmin {
  border-left: 4px solid #3498DB;
  background-color: white; }

.tpclientItemMenuInactiveAdmin {
  border-left: 4px solid #B8C1C7;
  background-color: #B8C1C7; }

.tpclientItemMenuActiveAdminI {
  /*background-color:#D0D8DE;*/
  background-color: white;
  color: #2C3E50;
  font-size: 30px;
  padding: 8px;
  width: 85px; }

.tpclientItemMenuInactiveAdminI {
  background-color: #B8C1C7;
  color: #2C3E50;
  font-size: 30px;
  padding: 8px;
  width: 85px; }

.tpclientItemMenuActiveAdminIclose {
  position: absolute;
  right: 5px;
  color: #2C3E50;
  font-size: 15px;
  margin-left: -30px;
  cursor: pointer;
  opacity: 0.5;
  padding-top: 5px; }

.tpclientItemMenuInactiveAdminIclose {
  position: absolute;
  right: 5px;
  color: #2C3E50;
  font-size: 15px;
  margin-left: -30px;
  cursor: pointer;
  opacity: 0.5;
  padding-top: 5px; }

.tpNoHoverDropdown-menu > .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  /*color: red;*/
  background-color: white;
  background-image: none;
  filter: none; }

.treeAdminActiveVisible {
  font-weight: normal;
  font-size: 14px;
  color: #3498db;
  background-color: White; }

.treeAdminNoActiveVisible {
  font-weight: normal;
  font-size: 14px;
  color: Red;
  background-color: White; }

.treeAdminNoActiveNoVisible {
  font-weight: normal;
  font-size: 14px;
  color: Red;
  background-color: Yellow; }

.treeAdminActiveNoVisible {
  font-weight: normal;
  font-size: 14px;
  color: Navy;
  background-color: Yellow; }

.tpFocusTextBox {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.tpFocusTextBox2 {
  outline: none;
  border-color: white;
  box-shadow: 0 0 10px white; }

.alert-default {
  border-color: #2980b9; }

.thumb {
  float: left;
  padding: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  margin: 5px;
  width: 100px;
  height: 100px; }

.thumb_16 {
  float: left;
  padding: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  margin: 5px;
  width: 26px;
  height: 26px; }

.thumb_16backcolor {
  float: left;
  padding: 5px;
  background-color: #2C3E50;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  margin: 5px;
  width: 26px;
  height: 26px; }

.thumbContain {
  float: left;
  padding: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #dcdcdc;
  margin: 5px;
  width: 100px;
  height: 100px;
  background-size: contain;
  -moz-background-size: contain; }

.input-group-addon {
  padding-left: 6px;
  padding-right: 6px;
  border-color: #ddd;
  padding-bottom: 3px;
  padding-top: 3px; }

.input-group-TPaddon {
  padding-left: 0px;
  padding-right: 0px;
  /*border:none;*/
  color: red;
  font-size: 9px; }

.TPFieldRequired {
  color: red;
  font-size: 9px; }

.tpHighlightspan {
  color: #2980B9;
  background-color: #D9EDF7;
  padding: 10px;
  border-radius: 3px; }

.conversation-wrapper .conversation-body > .time {
  font-size: 12px !important; }

.conversation-wrapper .conversation-body > .time:before {
  font-size: 12px !important; }

#sidebar-nav .nav > li > a > span {
  margin-left: 5px; }

.tpsubmenulink {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 20px !important;
  /*border-bottom: 1px solid #616161!important;*/
  border-bottom: 1px solid #2C3E50 !important; }

.modal-backdrop {
  background-color: black !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1000;
  opacity: 0.3 !important; }

.modal-content {
  border-radius: 10px !important;
  top: 100px !important; }

.modal-header {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  /*background: #96E9FF;
    background: -webkit-linear-gradient(#96E9FF, #2C85C1);
    background: -o-linear-gradient(#96E9FF, #2C85C1);
    background: -moz-linear-gradient(#96E9FF, #2C85C1);
    background: linear-gradient(#96E9FF, #2C85C1);*/
  background: #3498DB;
  /*background: -webkit-linear-gradient(#B3B3B3, #3498DB);
    background: -o-linear-gradient(#B3B3B3, #3498DB);
    background: -moz-linear-gradient(#B3B3B3, #3498DB);
    background: linear-gradient(#B3B3B3, #3498DB);*/ }

.close {
  color: white !important;
  opacity: 1 !important; }

.TableTitleEdit {
  font-style: italic !important;
  font-size: 1em !important; }

.tpGreenColor {
  color: #00B050; }

.tpReportTableTitle {
  font-weight: 400;
  font-size: 1.2em !important;
  color: #337AB7; }

.tpReportTableComments {
  font-size: 1.2em !important;
  font-style: italic !important; }

.tpReportTableCommentsFilter {
  font-size: 1.2em !important;
  font-style: italic !important;
  font-weight: bold;
  color: #337AB7; }

.tpExportToExcelCheckBox {
  font-weight: 400 !important;
  font-size: 1.2em !important;
  color: #00B050 !important; }

h1 {
  margin: 0 0 15px 0 !important;
  font-size: 1.8em !important; }

.label-default,
.fc-event.label-default {
  background-color: #b6c2c9; }

.badge.badge-theme {
  background-color: #2C3E50; }

/*btn default*/
.btn.btn-default {
  background: #b6c2c9;
  border-color: #b6c2c9; }

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
  background: #929ba1;
  border-color: #929ba1; }

.btn-group .btn.btn-default:not(.active) + .btn.btn-default,
.input-group-btn .btn.btn-default:not(.active) + .btn.btn-default {
  border-left-color: #929ba1; }

/*btn Primary*/
/*.btn.btn-primary {
    background: #3498db;
    border-color: #3498db;
}*/
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  background: #2980b9;
  border-color: #2980b9; }

.btn-group .btn.btn-primary:not(.active) + .btn.btn-primary,
.input-group-btn .btn.btn-primary:not(.active) + .btn.btn-primary {
  border-left-color: #2980b9; }

/*btn success*/
.btn.btn-success {
  background: #2ecc71;
  border-color: #2ecc71; }

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
  background: #27ae60;
  border-color: #27ae60; }

.btn-group .btn.btn-success:not(.active) + .btn.btn-success,
.input-group-btn .btn.btn-success:not(.active) + .btn.btn-success {
  border-left-color: #27ae60; }

/*btn info*/
.btn.btn-info {
  background: #01b9fe;
  border-color: #01b9fe; }

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
  background: #0298d1;
  border-color: #0298d1; }

.btn-group .btn.btn-info:not(.active) + .btn.btn-info,
.input-group-btn .btn.btn-info:not(.active) + .btn.btn-info {
  border-left-color: #0298d1; }

/*btn warning*/
.btn.btn-warning {
  background: #f1c40f;
  border-color: #f1c40f; }

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  background: #e0b50a;
  border-color: #e0b50a; }

.btn-group .btn.btn-warning:not(.active) + .btn.btn-warning,
.input-group-btn .btn.btn-warning:not(.active) + .btn.btn-warning {
  border-left-color: #e0b50a; }

/*btn danger*/
.btn.btn-danger {
  background: #e74c3c;
  border-color: #e74c3c; }

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
  background: #c0392b;
  border-color: #c0392b; }

.btn-group .btn.btn-danger:not(.active) + .btn.btn-danger,
.input-group-btn .btn.btn-danger:not(.active) + .btn.btn-danger {
  border-left-color: #c0392b; }

/*btn-inverse*/
.btn.btn-inverse {
  color: #fff;
  background: #2d353c;
  border-color: #2d353c; }

.btn-inverse.active,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open .dropdown-toggle.btn-inverse {
  background: #242a30;
  border-color: #242a30; }

.btn-group .btn.btn-inverse:not(.active) + .btn.btn-inverse,
.input-group-btn .btn.btn-inverse:not(.active) + .btn.btn-inverse {
  border-left-color: #242a30; }

/*btn-white*/
.btn.btn-white {
  font-weight: 400;
  color: #333;
  background: #fff;
  border-color: #e2e7eb; }

.btn.btn-white.btn-white-without-border {
  border-color: #fff; }

.btn.btn-white.btn-white-without-border.active,
.btn.btn-white.btn-white-without-border.active:focus,
.btn.btn-white.btn-white-without-border.active:hover {
  border-color: #ddd; }

.btn.btn-white.btn-white-without-border:focus,
.btn.btn-white.btn-white-without-border:hover {
  border-color: #eee; }

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
  background: #e2e7eb;
  border-color: #d8dde1; }

.btn-group .btn.btn-white:not(.active) + .btn.btn-white,
.input-group-btn .btn.btn-white:not(.active) + .btn.btn-white {
  border-left-color: #eee; }

/*btn-theme*/
.btn.btn-theme {
  color: #fff;
  background: #2C3E50;
  border-color: #2C3E50; }

.btn-theme.active,
.btn-theme:active,
.btn-theme:focus,
.btn-theme:hover,
.open .dropdown-toggle.btn-theme {
  background: #2d353c;
  border-color: #2d353c; }

.btn-group .btn.btn-theme:not(.active) + .btn.btn-theme,
.input-group-btn .btn.btn-theme:not(.active) + .btn.btn-theme {
  border-left-color: #2d353c; }

/*btn-light-blue*/
.btn.btn-light-blue {
  font-weight: 400;
  color: #333;
  background: #D9EDF7;
  border-color: #e2e7eb; }

.btn.btn-light-blue.btn-light-blue-without-border {
  border-color: #fff; }

.btn.btn-light-blue.btn-light-blue-without-border.active,
.btn.btn-light-blue.btn-light-blue-without-border.active:focus,
.btn.btn-light-blue.btn-light-blue-without-border.active:hover {
  border-color: #ddd; }

.btn.btn-light-blue.btn-light-blue-without-border:focus,
.btn.btn-light-blue.btn-light-blue-without-border:hover {
  border-color: #eee; }

.btn-light-blue.active,
.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue:hover,
.open .dropdown-toggle.btn-light-blue {
  background: #e2e7eb;
  border-color: #d8dde1; }

.btn-group .btn.btn-light-blue:not(.active) + .btn.btn-light-blue,
.input-group-btn .btn.btn-light-blue:not(.active) + .btn.btn-light-blue {
  border-left-color: #eee; }

.tpRemoveFilter {
  font-weight: 400 !important;
  font-size: 1.2em !important;
  color: #c0392b !important; }

.tpTableHeader {
  font-size: 0.875em !important;
  font-weight: bold !important;
  background-color: white !important; }

.tpTableHeaderLeft {
  font-size: 0.875em !important;
  font-weight: bold !important; }

.input-group-TPaddonFilter {
  padding-left: 0px;
  padding-right: 0px;
  color: #00B050; }

.wizard .wizard-inner ul li:hover {
  cursor: pointer;
  background: #D0D8DE; }

.wizard .wizard-inner ul li:hover .chevron:before {
  border-left: 14px solid #D0D8DE; }

.tpLightGreyBackgroundColor {
  background-color: #FDFDFD !important; }

.popover {
  max-width: 100%;
  /* Max Width of the popover (depending on the container!) */ }

.tpRedColor {
  color: red !important; }

.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px; }

.tpDisableBackgroundColor {
  background-color: #EEEEEE; }

.TP-form-group {
  margin-bottom: 5px !important; }

.TPHalf-form-group {
  margin-bottom: 10px !important; }

.tpNavyColorToolbarDT {
  color: #337AB7 !important; }

.tpfa-1-5x {
  font-size: 1.5em !important; }

.tpfa-1-7x {
  font-size: 1.7em !important; }

.tpfa-1-1x {
  font-size: 1.2em !important; }

.tpfa-1-2x {
  font-size: 1.2em !important; }

.tpfa-0-8x {
  font-size: 0.8em !important; }

.tpfa-1-4x {
  font-size: 1.4em !important; }

.form-horizontal .form-group {
  margin-left: -0px;
  margin-right: -0px; }

/* Fix Different font size in same form*/
label {
  font-weight: 400;
  font-size: 13px; }

label + span {
  font-weight: 400;
  font-size: 13px; }

.tpLabel span:first-of-type {
  font-weight: 400;
  font-size: 13px; }

/*Finish fix different font size in same form*/
/*Problem with two adittional rows added because Evans*/
#nav-col {
  top: 70px;
  /*height: 100%;
    position: fixed;*/ }

#page-wrapper.container.nav-small > .row > #nav-col {
  height: 100%;
  position: fixed; }

/*Finish two adittional rows*/
/*Menu changing*/
@media (min-width: 992px) {
  .fixed-leftmenu .col-left-nano > .nano-pane > .nano-slider {
    background: #7a8b98;
    z-index: 10; } }

#sidebar-nav .nav > .open > .submenu > li > a, #sidebar-nav .nav > .active > .submenu > li > a {
  line-height: 20px;
  padding-top: 8px;
  padding-bottom: 8px; }

#SearchMenuItemsImage {
  cursor: pointer; }

#SearchMenuItemsImage > i {
  position: absolute;
  right: 2px;
  top: 20px; }

#CompanySmallLogoImage {
  margin-top: 10px; }

#SearchMenuItemsTextBoxx {
  position: absolute;
  right: 20px;
  top: 15px;
  color: black; }

#leftMenuContainer {
  background-color: white;
  padding-bottom: 10px; }

#SearchMenuItemsDiv {
  margin: 0 !important; }

#SearchMenuItemsDiv * {
  margin: 0 !important; }

#SearchMenuItemsDiv > .dataTables_filter {
  margin: 0 !important;
  width: 100% !important; }

.filter-block .form-group .search-icon {
  top: 8px; }

#ExpandCollapseButton {
  cursor: pointer;
  top: 10px;
  right: 5px;
  position: absolute; }

#ExpandCollapseDiv {
  height: 0; }

#sidebar-nav .nav > li > a:hover,
#sidebar-nav .nav .open > a:hover {
  z-index: 10; }

/*End menu change*/
/*Tabs change*/
span[id^="tpTabcloseMain"] {
  position: absolute;
  top: 8px;
  right: 1px;
  color: #2d2d2d;
  font-size: 15px;
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 5px;
  background-color: #cbcbcb; }

/*Tabs change*/
span[id^="tpTabcloseMain"]:hover {
  color: #D82727;
  /*background-color: #cbcbcb;*/
  /*border-radius: 50%;*/
  margin-right: 5px; }

li[id^="tpTabLiMain"] {
  margin-bottom: 0; }

span[id^="tpTabTitleSpan"] {
  margin-right: 10px; }

#tpMainTabs > li {
  font-size: smaller;
  background: #E7F1F5;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

#tpMainTabs > li.active {
  color: black; }

.nav.nav-tabs {
  /*border-top-right-radius: 7px;
    border-top-left-radius: 7px;*/ }

#tpMainTabs > li > a {
  margin-left: -1px;
  padding-left: 10px;
  padding-right: 10px;
  /*border: 0.5px solid #d0cbcb;*/
  /*border-right: 0.1px solid #d0cbcb;
    border-left: 0.1px solid #d0cbcb;*/
  border: 1px solid #d7d7d7;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom: 0;
  margin-right: 0;
  height: 40px;
  /*color: #337AB7;*/
  /*color: #7C7C80;*/
  color: black;
  font-weight: 500;
  /*padding-top: 15px;*/
  /*background-color: rgb(249, 249, 249);*/
  /* margin-top: -1px;*/
  border-top: 2px solid #a8a7a7; }

#tpMainTabs > li > a:hover {
  border-top: 2px solid #4a89dc;
  background-color: #C0DCE6;
  color: black; }

#tpMainTabs > .nav-tabs > li > a {
  /*background-color: #fafafa;*/
  background-color: #E7F1F5; }

#tpMainTabs > li.active > a {
  font-weight: 600 !important;
  background-color: white;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  /*margin-top: -1px;*/
  border-top: 2px solid #4a89dc;
  color: black; }

#tpMainTabs > li.active > a > img {
  /*-webkit-filter: invert(80%);
    filter: invert(80%);
    filter: invert;
    filt*/
  /*er: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/ }

.inverted {
  /*-webkit-filter: invert(100%);
    filter: invert(100%);
    filter: invert;
    filt*/
  /*er: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/ }

.tp-icon-tab {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  /*position: absolute;
    top: 2px;
    left: 2px;*/
  /*-webkit-filter: invert(80%);
    filter: invert(80%);
    filter: invert;
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');*/ }

.nav.nav-tabs > .dropdown > ul > li > a {
  padding-left: 5px;
  /*padding-right: 5px;*/ }

.nav.nav-tabs > .dropdown > ul > li > a > span[id^="tpTabcloseMain"] {
  position: relative;
  color: #333;
  font-size: 15px;
  cursor: pointer;
  /*opacity: 0.4;*/
  /*filter: alpha(opacity=40);*/
  /* For IE8 and earlier */
  margin-right: 5px;
  /*float: right;*/ }

/*Tabs change*/
.nav.nav-tabs > .dropdown > ul > li > a > span[id^="tpTabcloseMain"]:hover {
  color: #CE6565;
  /*opacity: 1;*/
  /*filter: alpha(opacity=100);*/
  /* For IE8 and earlier */ }

/*End tab change*/
.tpTabTitleSwal {
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: bold;
  color: #337AB7; }

.tpOtherTab1Admin {
  font-family: "notosans-regular", "Open Sans", sans-serif !important;
  font-size: 0.3em !important; }

.tpOtherTab2Admin {
  font-family: "notosans-regular","Open Sans", sans-serif !important;
  font-size: 14px !important; }

.form-control {
  border-color: #ddd; }

/*Custom design for treeview*/
#MasterBody_treeTreeView > table > tbody > tr > td > a > img {
  width: 20px;
  height: 20px; }

#MasterBody_treeTreeView > div table > tbody > tr > td a span.active {
  background-color: aliceblue; }

#MasterBody_treeTreeView > div table > tbody > tr > td a span {
  font-size: 12px; }

#MasterBody_treeTreeView > div table > tbody > tr > td a span:hover {
  text-decoration: none; }

#MasterBody_treeTreeView > div table > tbody > tr > td > a > img {
  width: 20px;
  height: 20px; }

.tpTreeNodeSelected {
  background-color: #ddd; }

/*End custom design for treeview*/
.ActiveQuestionScript {
  background-color: #E7EBEE;
  border-left: 2px solid #4a89dc;
  border-radius: 5px; }

.InActiveQuestionScript {
  background-color: #F9F9F9;
  border-left: 2px solid #a8a7a7;
  border-radius: 5px; }

.CaseNumberTitle {
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 5px;
  color: #3498db; }

.CustomerNameTitle {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px; }

.CustomerName {
  font-style: italic;
  font-size: 18px;
  margin-bottom: 5px;
  color: black; }

.tpLabelCaseResponse {
  color: #7a91a5;
  font-size: 14px;
  font-weight: 600; }

.tpLabelDataCaseResponse {
  font-size: 15px;
  font-style: italic; }

.CursorHand {
  cursor: pointer; }

.tpLabelTaskType {
  font-size: 1.1em; }

.tpAdditionalDataCategoryTitle {
  font-weight: 400;
  font-size: 1.3em;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px; }

.tpLabelData {
  font-size: 9pt;
  font-family: "notosans-regular","Open Sans", sans-serif;
  font-weight: 400; }

.tpLabelTitle {
  font-size: 1em !important;
  font-family: "notosans-regular","Open Sans", sans-serif;
  font-weight: 600; }

.tpLabelRed {
  font-family: "notosans-regular","Open Sans", sans-serif;
  color: red;
  font-weight: normal; }

td.StyleTask {
  background-color: #d6e3ee;
  font-weight: 600;
  line-height: 25px; }

td.StyleWorkflowTask {
  background-color: #2c3e50;
  font-weight: 600;
  line-height: 25px;
  color: white;
  border-color: #2c3e50; }

/*LayoutIT overwriting*/
/*
*	Layout Togglers
*/
.ui-layout-toggler {
  background-color: #FFF;
  opacity: .60;
  filter: Alpha(Opacity=60); }

.ui-layout-resizer-open-hover .ui-layout-toggler,
.ui-layout-toggler-hover {
  opacity: 1;
  filter: Alpha(Opacity=100); }

.ui-layout-toggler .ui-icon {
  margin: 0 auto; }

/* default - center horizontally */
.ui-layout-toggler-north .ui-icon,
.ui-layout-toggler-south .ui-icon {
  margin-top: -3px; }

/* tweak arrow vertical-center */
.ui-layout-toggler-west .ui-icon,
.ui-layout-toggler-east .ui-icon {
  margin-left: -3px; }

/* tweak arrow horizontal-center */
/* assign arrows for each side & state */
.ui-layout-toggler-north-closed .ui-icon,
.ui-layout-toggler-south-open .ui-icon {
  background-position: -64px -192px;
  /* ui-icon-circle-triangle-s */
  background-position: -128px -16px;
  /* ui-icon-triangle-2-n-s */
  background-position: -64px -16px;
  /* ui-icon-triangle-1-s */ }

.ui-layout-toggler-south-closed .ui-icon,
.ui-layout-toggler-north-open .ui-icon {
  background-position: -96px -192px;
  /* ui-icon-circle-triangle-n */
  background-position: -128px -16px;
  /* ui-icon-triangle-2-n-s */
  background-position: 0 -16px;
  /* ui-icon-triangle-1-n */ }

.ui-layout-toggler-west-closed .ui-icon,
.ui-layout-toggler-east-open .ui-icon {
  background-position: -48px -192px;
  /* ui-icon-circle-triangle-e */
  background-position: -144px -16px;
  /* ui-icon-triangle-2-e-w */
  background-position: -32px -16px;
  /* ui-icon-triangle-1-e */ }

.ui-layout-toggler-east-closed .ui-icon,
.ui-layout-toggler-west-open .ui-icon {
  background-position: -80px -192px;
  /* ui-icon-circle-triangle-w */
  background-position: -144px -16px;
  /* ui-icon-triangle-2-e-w */
  background-position: -96px -16px;
  /* ui-icon-triangle-1-w */ }

/* ALT Graphics
.ui-layout-toggler-east-closed,
.ui-layout-toggler-west-open	{ background: transparent url(/lib/img/toggle-lt.gif) no-repeat right center; }
.ui-layout-toggler-west-closed,
.ui-layout-toggler-east-open	{ background: transparent url(/lib/img/toggle-rt.gif) no-repeat left center; }
.ui-layout-toggler-south-closed,
.ui-layout-toggler-north-open	{ background: transparent url(/lib/img/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed,
.ui-layout-toggler-south-open	{ background: transparent url(/lib/img/toggle-dn.gif) no-repeat center top; }
*/
/*end overwriting layoutit*/
img.imgLink {
  border: 0px;
  cursor: pointer; }

.label-theme,
.fc-event.label-primary {
  background-color: #2C3E50; }

.label-lightblue,
.fc-event.label-primary {
  background-color: #d6e3ee !important;
  color: #2C3E50 !important; }

.tpLabelReportTask {
  font-weight: bold !important;
  font-size: 1em !important;
  font-family: "notosans-regular","Open Sans", sans-serif !important; }

.AdjustSizeImage {
  width: 20px !important;
  height: 20px !important; }

.tpTaskListDiv {
  border: 1px solid #e2e9ee !important;
  border-left: 2px solid #7a8b98 !important;
  border-radius: 5px !important; }

.tpTaskListTable {
  border: 0px;
  border-collapse: collapse;
  border-color: #d6e3ee; }

.tpWhiteColor {
  color: white; }

.tpThemeColor {
  color: #2C3E50; }

.tpMargintoph3 {
  margin-top: 8px !important; }

legend {
  font-size: 20px !important;
  padding-top: 5px !important;
  margin-bottom: 10px !important; }

.panel-default > .TPpanel-heading {
  background-color: white !important;
  border-color: white !important;
  color: black !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  background-clip: padding-box !important;
  padding: 0 15px; }

.panel-default > .TPpanel-heading > h3 {
  margin-bottom: 10px;
  margin-top: 15px; }

.table tbody > tr > td:first-child {
  font-size: 12.5px !important; }

.tpToZero {
  top: 0 !important; }

.tpDeleteIconColor {
  color: #c0392b !important; }

a {
  color: #3498db;
  outline: none !important;
  text-decoration: none !important;
  background-color: transparent; }

a:hover, a:focus {
  color: #3498db;
  text-decoration: none !important; }

a:visited {
  text-decoration: none !important; }

.TPToastLink {
  text-decoration: underline !important; }

.TPSnoozeButton {
  /*color:yellow;
    background-color:red;*/ }

.tpStationIdNumber {
  color: #c0392b !important;
  font-size: 11px !important;
  font-weight: 600 !important; }

.tpChatInAction {
  padding-left: 230px !important; }

.tpChatInActionDetails {
  border-left: 1px solid #E7EBEE !important;
  padding: 20px !important;
  min-height: 900px !important; }

.tpWarningColor {
  color: #f39c12 !important; }

.modal-title {
  font-weight: 600 !important; }

.tpChatConversationHistoryHeader {
  background-color: #2c3e50;
  font-weight: 300;
  line-height: 27px;
  color: white;
  border-color: #2c3e50;
  margin-bottom: 10px !important;
  border-radius: 5px !important; }

.tpChatConversationTrackingHistoryHeader {
  background-color: #E74C3C;
  font-weight: 300;
  line-height: 27px;
  color: white;
  border-color: #2c3e50;
  margin-top: 10px !important;
  border-radius: 5px !important; }

.tpChatConversationHistoryDetails {
  border: 1px solid #e2e9ee !important;
  border-left: 2px solid #3498DB !important;
  border-radius: 5px !important;
  padding-left: 5px !important;
  padding-right: 5px !important; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  color: #222222;
  border-radius: 5px;
  background-clip: padding-box;
  box-shadow: 1px 1px 2px 0 #CCCCCC; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #2e88c5;
  font-weight: normal;
  color: #fff; }

.tplimenuitemiclose:hover {
  color: #CE6565;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
  font-size: 19px; }

.clsAddaEMAIL {
  box-sizing: border-box;
  max-height: 160px;
  /* optional but recommended */
  min-height: 38px;
  overflow-x: hidden;
  /* for Firefox (issue #5)*/
  overflow-y: hidden;
  /* for Firefox (issue #5)*/ }

.emailInputType {
  box-sizing: border-box;
  max-height: 200px;
  /* optional but recommended */
  min-height: 34px;
  height: 34px;
  overflow-x: hidden;
  /* for Firefox (issue #5)*/
  overflow-y: hidden;
  /* for Firefox (issue #5)*/ }

.onoffswitch.onoffswitch-theme .onoffswitch-inner:before {
  background-color: #2C3E50; }

.tpRemoveRule {
  color: #2C3E50;
  font-size: 20px;
  cursor: pointer;
  opacity: 0.5; }

.tpRemoveRule:hover {
  color: #CE6565;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
  font-size: 20px; }

/*Changes to chartist styles*/
.ct-label {
  font-size: 1rem;
  color: black;
  fill: black; }

/*End Changes to chartist*/
.MessageFromAssistanAnswer {
  background-color: #f5f5f5;
  color: black;
  border-radius: 3px;
  margin: 5px;
  padding: 5px;
  list-style: none; }

.MessageFromAssistanQuestion {
  background-color: #dceffc;
  color: black;
  border-radius: 3px;
  margin: 5px;
  padding: 5px;
  list-style: none; }

.tpBlackColor {
  color: #2C3E50 !important; }

.CustomerToolbar {
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 6px !important;
  padding-bottom: 5px !important;
  cursor: pointer;
  height: 32px !important; }

table tr.activerow td {
  background: #dceffc; }

.tpbadge-casestatus-AL {
  background-color: #D6BD42; }

.tpbadge-casestatus-PE {
  background-color: #D6BD42; }

.tpbadge-casestatus-EX {
  background-color: #991212; }

.tpbadge-casestatus-RE {
  background-color: #9A9A9A; }

.tpbadge-casestatus-SO {
  background-color: #119613; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.tpTaskListHeader {
  border-bottom: 1px solid #d6e3ee !important; }

.tpTaskListFooter {
  border-top: 1px solid #d6e3ee !important; }

.tpTaskListItems {
  border-right: 1px solid #d6e3ee !important; }

img.TPRenderClass {
  border: 2px dashed #7a8b98 !important;
  padding: 2px !important;
  border-radius: 5px !important; }

.badge {
  font-family: "notosans-regular","Open Sans", sans-serif !important; }

.checkbox-nice label:before {
  border: 1px solid #7999af; }

.radio label:before {
  border: 1px solid #7999af; }

.TPClipboard {
  font-size: 16.8px !important;
  color: #f1c40f !important; }

.CustomerAlertTitle {
  color: #2c3e50 !important;
  font-weight: 600 !important;
  font-style: italic !important;
  margin-top: 10px !important; }

.tptext-success {
  color: #27ae60 !important; }

.ui-menu .ui-menu-item {
  font-size: 13px !important; }

.tablenobordertop tbody > tr > td {
  border: none !important;
  padding: 0 !important; }

.tp-blinking {
  /*width: 40px;
    height: 40px;
    margin: 40px auto;
    background-color: #333;
    border-radius: 100%;*/
  -webkit-animation: tp-flash 1s infinite ease-in-out;
  animation: tp-flash 1s infinite ease-in-out; }

@-webkit-keyframes tp-flash {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@keyframes tp-flash {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes tp-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes tp-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.tpLoadingTP {
  height: 20px;
  display: none !important; }
  .tpLoadingTP .st0 {
    fill: #337AB7; }

#inneroverlayTPClient > br:nth-child(2) {
  display: none; }

@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@media (max-width: 767px) {
  .dataTables_filter {
    display: inline-block; } }

.title-box-kb {
  background-color: #3498db; }

/*.tdLoadingContainer {*/
/*    width: 50px;*/
.progress .progress-bar {
  background-color: #3498db; }

/*}*/
.clsLabel {
  /*border: 1px solid $scrollbar-border-color;*/
  /*border-radius: 5px;*/
  /*overflow: auto;*/ }
  .clsLabel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 4px; }
  .clsLabel::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
  .clsLabel::-webkit-scrollbar-thumb {
    background-color: #a8a8a8;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /*border: 2px solid $scrollbar-border-color;*/
    border-radius: 4px; }

/*overwriting themes*/
#content-wrapper {
  background-color: #e7ebee !important;
  border-left: none !important; }

#sidebar-nav .nav > .open > .submenu > li > a, #sidebar-nav .nav > .active > .submenu > li > a {
  border-bottom: 1px solid #2c3e50; }

.icon-tp {
  background-color: #337AB7;
  color: white;
  cursor: pointer;
  font-size: 17px;
  padding: 4px;
  border-radius: 5px; }

.full-screen-icon-tp {
  font-size: 17px;
  padding: 5px;
  border-radius: 5px; }

#header-navbar {
  background-color: #fff !important; }

#header-nav > ul > li:hover {
  background-color: #ededed; }

/*Error page*/
#error-page-body {
  padding: 0;
  margin: 0;
  font-family: "notosans-regular", "Open Sans", sans-serif !important;
  color: #089BFF; }
  #error-page-body .header-error-page {
    background-color: #2d2d2d;
    height: 22px; }
  #error-page-body .logos-error-page {
    padding: 5px; }
    #error-page-body .logos-error-page .left-icon {
      float: left; }
    #error-page-body .logos-error-page .right-icon {
      float: right; }
    #error-page-body .logos-error-page .clear-float {
      clear: both; }
  #error-page-body .form-error-page {
    padding: 20px;
    height: calc(100vh - 96px); }
    #error-page-body .form-error-page #error-page-div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      word-break: break-all; }
      #error-page-body .form-error-page #error-page-div #errorNumber {
        font-weight: 900;
        font-size: 180pt; }
      #error-page-body .form-error-page #error-page-div #errorTitle {
        font-size: 90pt;
        color: #000000; }
      #error-page-body .form-error-page #error-page-div #errorSpan {
        font-size: 25pt;
        color: #000000; }

/*End error page*/
/*each theme styles*/
/*ABINBEV*/
.tabbed-page {
  border: 1px solid #e7ebee;
  margin-top: 10px; }
  .tabbed-page .tab-header {
    padding: 2px;
    background-color: #e1e1e1;
    font-weight: 600;
    color: #2d2d2d;
    font-size: 12px;
    padding-left: 5px;
    cursor: pointer; }
    .tabbed-page .tab-header i.collapse-icon {
      float: right;
      margin-right: 5px;
      margin-top: 1px; }
  .tabbed-page .tab-body {
    padding: 10px;
    /*overflow: auto;*/
    height: 100%; }

.scrollbar-tp, .mce-content-body {
  /* overflow: hidden;

    &:hover {
        :not(.side-menu-fixed) {
            border: none !important;
        }

        @include scrollbarUnCommented(rgba(0,0,0,.3),rgba(0,0,0,0.3),#F5F5F5, #7A8B98,6px);
    }*/
  /*border: 1px solid $scrollbar-border-color;
    border-radius: 5px;*/
  overflow: auto; }
  .scrollbar-tp::-webkit-scrollbar-track, .mce-content-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 4px; }
  .scrollbar-tp::-webkit-scrollbar, .mce-content-body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
  .scrollbar-tp::-webkit-scrollbar-thumb, .mce-content-body::-webkit-scrollbar-thumb {
    background-color: #7A8B98;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /*border: 2px solid $scrollbar-border-color;*/
    border-radius: 4px; }

.mce-content-body {
  border: none !important; }

.table-information-ob {
  margin-bottom: 0; }
  .table-information-ob > tbody > tr > td {
    padding: 5px; }
    .table-information-ob > tbody > tr > td .bootstrap-datetimepicker-widget table tr td {
      border: none; }
    .table-information-ob > tbody > tr > td:first-child {
      font-weight: 500;
      border-right: 1px solid #e7ebee; }

.btn {
  border: none !important; }

.tp-collapsed {
  /* hide it for small displays*/
  display: none; }

#Body[data-main-page="true"] {
  background-color: #e7ebee !important; }

/*END ABINBEV*/
#LicenceAndSignalRDiv {
  display: inline; }

#icons-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  #icons-body .icon-item {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    width: 100px;
    align-items: center;
    height: 100px;
    justify-content: center;
    justify-items: center; }
    #icons-body .icon-item i {
      font-size: 32px;
      padding: 6px; }
    #icons-body .icon-item:hover {
      color: #e7ebee;
      cursor: pointer; }
    #icons-body .icon-item.selected {
      border: 2px solid #e7ebee; }

.new-chat-ui .btn {
  padding: 8px 25px;
  border-radius: 4px; }

.new-chat-ui audio:focus {
  outline: none; }

.new-chat-ui #AgentChattingStageDiv #conversation-container {
  border: 1px solid #E1E1E1;
  padding: 10px;
  border-radius: 5px;
  overflow-y: scroll;
  max-height: 350px;
  height: 350px;
  padding-top: 0; }
  .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message {
      position: relative;
      margin-top: 25px;
      max-width: 70%;
      min-width: 50%;
      /*todo: only is working for history chat for chat we have to wait till the transfer*/ }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .text {
        /*display: flex;
                        align-items: center;*/
        margin-bottom: 15px;
        word-break: break-word; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .text img {
          max-width: 100%; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkNotReceived {
        width: initial !important; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkNotReceived path:nth-child(2) {
          stroke: red; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkReceived {
        width: initial !important; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkReceived path:nth-child(2) {
          stroke: green; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkFailed {
        width: initial !important; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .ChatMarkFailed path:nth-child(2) {
          stroke: orange; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .uploaded-file-icon {
        width: initial !important;
        display: inline-block; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .time {
        font-size: 12px;
        float: right; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .time svg {
          margin-left: 5px; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .message .name {
        color: #2d2d2d;
        margin-bottom: 15px;
        font-weight: 600; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message {
      background: #F7F7F7;
      margin-left: 40px;
      padding: 10px;
      align-self: flex-start;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 3px; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message:before {
        content: "\A";
        border-style: solid;
        border-width: 8px;
        border-color: #F7F7F7 #F7F7F7 transparent transparent;
        position: absolute;
        left: -15px;
        top: 0; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message:after {
        color: green; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message .svg {
        position: absolute;
        left: -50px;
        top: 5px;
        height: 40px;
        width: 40px; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message .svg svg {
          height: 100%;
          width: 100%; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message a {
        color: #006FD1;
        text-decoration: underline !important; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .user-message .uploaded-file-icon path {
        fill: #006FD1; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message {
      background: #73BDFF;
      margin-right: 40px;
      padding: 10px;
      align-self: flex-end;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message:before {
        content: "\A";
        border-style: solid;
        border-width: 8px;
        border-color: #73BDFF transparent transparent #73BDFF;
        position: absolute;
        right: -15px;
        top: 0; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message:after {
        color: pink; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message .svg {
        position: absolute;
        right: -50px;
        top: 5px;
        height: 40px;
        width: 40px; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message .svg svg {
          height: 100%;
          width: 100%; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message a {
        color: #2D2D2D;
        text-decoration: underline !important; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .agent-message .uploaded-file-icon path {
        fill: #2D2D2D; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message {
      background: #A7C7E7;
      margin-right: 40px;
      padding: 10px;
      align-self: flex-end;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message:before {
        content: "\A";
        border-style: solid;
        border-width: 8px;
        border-color: #A7C7E7 transparent transparent #A7C7E7;
        position: absolute;
        right: -15px;
        top: 0; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message:after {
        color: pink; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message .svg {
        position: absolute;
        right: -50px;
        top: 5px;
        height: 40px;
        width: 40px; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message .svg svg {
          height: 100%;
          width: 100%; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message a {
        color: #2D2D2D;
        text-decoration: underline !important; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .bot-message .uploaded-file-icon path {
        fill: #2D2D2D; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message {
      background: #ffeb80;
      margin-right: 100px;
      padding: 10px;
      align-self: flex-end;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message:before {
        content: "\A";
        border-style: solid;
        border-width: 8px;
        border-color: #ffeb80 transparent transparent #ffeb80;
        position: absolute;
        right: -15px;
        top: 0; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message:after {
        color: pink; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message .svg {
        position: absolute;
        right: -50px;
        top: 5px;
        height: 40px;
        width: 40px; }
        .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message .svg svg {
          height: 100%;
          width: 100%; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message a {
        color: #2D2D2D;
        text-decoration: underline !important; }
      .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .supervisor-message .uploaded-file-icon path {
        fill: #2D2D2D; }
    .new-chat-ui #AgentChattingStageDiv #conversation-container .messages-ul .transferred-separation {
      background: #C4F5DC;
      text-align: center;
      padding: 10px;
      margin-top: 4px;
      margin-bottom: 5px;
      color: #2d2d2d;
      font-size: 16px;
      font-weight: 600; }

.new-chat-ui #AgentChattingStageDiv #input-container {
  margin-top: 10px; }
  .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input {
    /*margin-right: -8px;
                margin-left: -8px;*/
    border: 1px solid #E1E1E1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px; }
    .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input .sending-div {
      display: none; }
    .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input.sending-file #MessageToSendTextArea {
      display: none; }
    .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input.sending-file .sending-div {
      border: 1px solid #E1E1E1;
      border-radius: 5px;
      background-color: #F7F7F7;
      width: 150px;
      padding: 10px;
      position: relative;
      display: flex;
      align-items: center;
      color: #2d2d2d;
      font-weight: 900; }
      .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input.sending-file .sending-div .sending-progress-div {
        border-top: 2px solid #006FD1;
        position: absolute;
        top: -1px;
        /*width: 52%;*/
        left: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input.sending-file .sending-div .sending-close-div {
        position: absolute;
        right: 5px;
        top: 1px; }
      .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input.sending-file .sending-div .sending-icon {
        width: 24px;
        display: inline-block; }
    .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input #MessageToSendTextArea {
      border-radius: 5px;
      border: none;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      .new-chat-ui #AgentChattingStageDiv #input-container #conversation-input #MessageToSendTextArea:focus {
        box-shadow: none;
        border-color: none;
        outline: none; }
  .new-chat-ui #AgentChattingStageDiv #input-container #action-buttons #main-buttons {
    display: flex;
    align-items: center; }

.new-chat-ui #AgentChattingStageDiv #top-faq-buttons > div {
  margin-right: -8px;
  margin-left: -8px; }

.new-chat-ui #AgentChattingStageDiv #top-faq-buttons ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 10px;
  justify-content: left; }
  .new-chat-ui #AgentChattingStageDiv #top-faq-buttons ul li {
    border: 1px solid #006FD1;
    border-radius: 20px;
    margin: 2.5px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #006FD1;
    cursor: pointer; }
    .new-chat-ui #AgentChattingStageDiv #top-faq-buttons ul li:hover {
      background-color: #B8E2FF; }
    .new-chat-ui #AgentChattingStageDiv #top-faq-buttons ul li:active {
      background-color: #006FD1;
      color: white; }

.new-chat-ui #AgentChattingStageDiv .btn.icon-button {
  font-size: 20px;
  padding: 8px;
  border-radius: 4px;
  width: 38px;
  height: 38px; }
  .new-chat-ui #AgentChattingStageDiv .btn.icon-button svg {
    width: 20px !important; }

.new-chat-ui #AgentChattingStageDiv #record-voice-container {
  padding: 20px;
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  margin-top: 10px; }
  .new-chat-ui #AgentChattingStageDiv #record-voice-container #record-voice-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 200px; }
    .new-chat-ui #AgentChattingStageDiv #record-voice-container #record-voice-column .recording-mic {
      font-size: 50px;
      color: #D82727;
      background-color: white;
      border: 1px solid #D82727;
      border-radius: 50%;
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .new-chat-ui #AgentChattingStageDiv #record-voice-container #record-voice-column .time-recording {
      font-size: 30px; }
    .new-chat-ui #AgentChattingStageDiv #record-voice-container #record-voice-column .sending-record-label {
      font-size: 25px; }
  .new-chat-ui #AgentChattingStageDiv #record-voice-container.recording #record-voice-column .mic-container {
    height: 110px;
    max-height: 110px; }
  .new-chat-ui #AgentChattingStageDiv #record-voice-container.recording #record-voice-column .recording-mic {
    color: white;
    background-color: #D82727;
    animation-name: expand-collapse-mic;
    animation-duration: 2s;
    animation-iteration-count: infinite; }

.new-chat-ui #chat-utilities #chat-utilities-container {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  height: 895px;
  margin-left: 10px; }
  .new-chat-ui #chat-utilities #chat-utilities-container .tab-content .tab-pane {
    padding: 10px; }
  .new-chat-ui #chat-utilities #chat-utilities-container .nav > li > a {
    color: #2D2D2D; }
  .new-chat-ui #chat-utilities #chat-utilities-container .nav > li > a:focus, .new-chat-ui #chat-utilities #chat-utilities-container .nav > li > a:hover {
    background-color: white; }
  .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a, .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:hover, .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:focus, .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a, .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:hover, .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:focus, .new-chat-ui #chat-utilities #chat-utilities-container .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: white;
    border-left: 4px solid #006FD1;
    color: #006FD1; }
  .new-chat-ui #chat-utilities #chat-utilities-container #menu-navigation {
    border-left: 1px solid #E1E1E1;
    padding-left: 0; }

.new-chat-ui #video-container {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  margin-bottom: 10px; }

.new-chat-ui .tpChatConversationHistoryHeader {
  background-color: #E1E1E1;
  color: #2D2D2D;
  border-radius: 3px !important;
  padding: 7px;
  margin-right: -8px;
  margin-left: -8px; }

.new-chat-ui .container-header {
  position: relative; }
  .new-chat-ui .container-header .header-first {
    position: absolute;
    right: 10px;
    top: 5px;
    background-color: #E1E1E1;
    padding: 2px;
    color: #2d2d2d;
    cursor: pointer;
    border-radius: 0 !important; }

.new-chat-ui .arrow-collapse-container {
  position: relative; }
  .new-chat-ui .arrow-collapse-container .arrow-collapse {
    position: absolute;
    right: 10px;
    top: 5px;
    background-color: #F7F7F7;
    padding: 2px;
    color: #2d2d2d;
    cursor: pointer; }

.new-chat-ui .conversations-container.collapsed .messages-ul {
  display: none !important; }

.new-chat-ui #ShowHideConversationDiv {
  position: absolute;
  right: 10px;
  top: 5px;
  background-color: #F7F7F7;
  padding: 2px;
  color: #2d2d2d;
  cursor: pointer; }

.new-chat-ui #AgentChattingStageDiv .conversation-inner #conversation-container {
  max-height: initial;
  height: initial;
  border: none;
  overflow-y: auto; }

.new-chat-ui .history-title h1 {
  color: #2d2d2d;
  margin-left: -8px !important; }

.new-chat-ui .history-title .badge {
  border-radius: 0 !important;
  background-color: #CBCBCB !important;
  color: #2d2d2d !important; }

.new-console-chat-ui .btn {
  border-radius: 4px; }

.new-console-chat-ui .more-than-two-minutes-icon {
  display: none; }

.new-console-chat-ui .select-buttons-container {
  padding-top: 10px; }

@-webkit-keyframes blink-new-chat {
  0%, 49% {
    background-color: #F7F7F7; }
  50%, 100% {
    background-color: #089BFF; } }

.new-console-chat-ui .tplimenuitem {
  position: relative; }
  .new-console-chat-ui .tplimenuitem .snooze-icon {
    width: 25px; }
  .new-console-chat-ui .tplimenuitem.more-than-two-minutes {
    background-color: #FFEB99; }
    .new-console-chat-ui .tplimenuitem.more-than-two-minutes .tplimenuitemi {
      background-color: #FFEB99; }
    .new-console-chat-ui .tplimenuitem.more-than-two-minutes.tpclientItemMenuActiveAdmin {
      background-color: white; }
      .new-console-chat-ui .tplimenuitem.more-than-two-minutes.tpclientItemMenuActiveAdmin .more-than-two-minutes-icon {
        display: block; }
      .new-console-chat-ui .tplimenuitem.more-than-two-minutes.tpclientItemMenuActiveAdmin .tplimenuitemi {
        background-color: white; }
  .new-console-chat-ui .tplimenuitem.blink {
    -webkit-animation: blink-new-chat 1s infinite;
    /* Safari 4+ */
    -moz-animation: blink-new-chat 1s infinite;
    /* Fx 5+ */
    -o-animation: blink-new-chat 1s infinite;
    /* Opera 12+ */
    animation: blink-new-chat 1s infinite;
    /* IE 10+, Fx 29+ */ }
    .new-console-chat-ui .tplimenuitem.blink .tpclientItemMenuInactiveAdminI {
      background-color: transparent; }
  .new-console-chat-ui .tplimenuitem .responsive-height > * {
    position: absolute; }
  .new-console-chat-ui .tplimenuitem .creating-connection-div {
    font-size: 15px;
    text-align: left; }
  .new-console-chat-ui .tplimenuitem .pending-messages-counter {
    color: #fff;
    background-color: #004A8C;
    font-weight: 900;
    border-radius: 50%; }
    .new-console-chat-ui .tplimenuitem .pending-messages-counter.delay-review {
      background-color: #D82727; }
  .new-console-chat-ui .tplimenuitem.chat-ended {
    color: #D82727; }
    .new-console-chat-ui .tplimenuitem.chat-ended .tpclientItemMenuActiveAdminI {
      color: #D82727; }
    .new-console-chat-ui .tplimenuitem.chat-ended .tpclientItemMenuInactiveAdminI {
      color: #D82727; }
    .new-console-chat-ui .tplimenuitem.chat-ended .pending-messages-counter {
      display: none; }
    .new-console-chat-ui .tplimenuitem.chat-ended .snooze-icon {
      display: none; }
    .new-console-chat-ui .tplimenuitem.chat-ended .more-than-two-minutes-icon {
      display: none; }
  .new-console-chat-ui .tplimenuitem .chat-user-name {
    text-align: left; }
  @media (min-width: 480px) {
    .new-console-chat-ui .tplimenuitem.responsive-heightli {
      height: 100px; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height {
        height: 98px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .connection-id-number {
          top: 10px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-timer {
          top: 23px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-user-name {
          top: 40px;
          left: 5px;
          font-size: 9px;
          word-break: break-all; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .pending-messages-counter {
          right: 5px;
          width: 25px;
          height: 25px;
          padding-top: 3px;
          top: 10px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .snooze-icon {
          right: 5px;
          top: 70px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .more-than-two-minutes-icon {
          display: none; } }
  @media (min-width: 768px) {
    .new-console-chat-ui .tplimenuitem.responsive-heightli {
      height: 80px; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height {
        height: 78px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .connection-id-number {
          top: 10px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-timer {
          top: 23px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-user-name {
          top: 40px;
          left: 5px;
          font-size: 9px;
          word-break: break-all; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .pending-messages-counter {
          right: 10px;
          width: 25px;
          height: 25px;
          padding-top: 3px;
          top: 10px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .snooze-icon {
          right: 36px;
          top: 12px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .more-than-two-minutes-icon {
          display: none; } }
  @media (min-width: 992px) {
    .new-console-chat-ui .tplimenuitem.responsive-heightli {
      height: 68px; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height {
        height: 66px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .connection-id-number {
          top: 10px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-timer {
          top: 23px;
          left: 5px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-user-name {
          top: 40px;
          left: 5px;
          font-size: 9px;
          width: 135px;
          word-break: break-all; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .pending-messages-counter {
          right: 10px;
          top: 10px;
          font-size: 12px;
          font-weight: 900;
          width: 25px;
          height: 25px;
          padding-top: 4px;
          padding-right: 1px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .snooze-icon {
          right: 41px;
          top: 12px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .more-than-two-minutes-icon {
          display: none; } }
  @media (min-width: 1200px) {
    .new-console-chat-ui .tplimenuitem.responsive-heightli {
      height: 68px; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height {
        height: 66px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .connection-id-number {
          top: 10px;
          left: 20px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-timer {
          top: 23px;
          left: 20px;
          font-size: 12px;
          font-weight: 900; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .chat-user-name {
          top: 40px;
          left: 20px;
          font-size: 9px;
          width: 135px;
          word-break: break-all; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .pending-messages-counter {
          right: 5px;
          top: 10px;
          font-size: 12px;
          padding: 5px;
          width: 25px; }
        .new-console-chat-ui .tplimenuitem.responsive-heightli .responsive-height .snooze-icon {
          right: 36px;
          top: 12px; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli.more-than-two-minutes.tpclientItemMenuActiveAdmin .more-than-two-minutes-icon {
        display: block !important; }
      .new-console-chat-ui .tplimenuitem.responsive-heightli.more-than-two-minutes .more-than-two-minutes-icon {
        width: 25px;
        height: 25px;
        right: 5px;
        top: 10px; } }
  .new-console-chat-ui .tplimenuitem.unread-message {
    background-color: #089BFF; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.new-console-chat-ui .activity-status-container .spinner-container {
  position: absolute;
  top: -35px;
  left: -45px; }
  .new-console-chat-ui .activity-status-container .spinner-container .spinner.loading {
    padding: 50px;
    position: relative;
    text-align: center; }
  .new-console-chat-ui .activity-status-container .spinner-container .spinner.loading:before {
    content: "";
    height: 95px;
    width: 95px;
    margin: -15px auto auto -15px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: #CBCBCB #CBCBCB #CBCBCB;
    border-radius: 100%; }

.new-console-chat-ui .activity-status-container.active .spinner-container .spinner.loading:before {
  border-color: #29A34B #AEEABF #AEEABF;
  animation: rotation 2s infinite linear; }

.new-console-chat-ui .activity-status-container.active .agent-status-text {
  border-color: #29A34B;
  background-color: #AEEABF; }

.new-console-chat-ui .activity-status-container.active .agent-activity-icon .status-icon .agent-icon {
  fill: #29A34B; }

.new-console-chat-ui .activity-status-container .agent-status-text {
  padding: 20px;
  padding-right: 10px;
  border-left: 5px solid #878787;
  background-color: #CBCBCB;
  border-radius: 5px;
  font-weight: 600; }

.new-console-chat-ui .activity-status-container .svg-container {
  position: absolute;
  width: 107px;
  top: -2px;
  left: -8px; }

.new-console-chat-ui .activity-status-container .agent-activity-icon {
  position: relative;
  left: 10px;
  top: -10px; }

.new-console-chat-ui .agent-switch {
  margin-left: 110px;
  margin-top: 10px; }
  .new-console-chat-ui .agent-switch label {
    font-weight: 900; }

.new-console-chat-ui .max-connections-dropdown {
  width: 60px;
  display: inline-block;
  position: absolute;
  margin-left: 5px;
  z-index: 1000; }

.new-console-chat-ui .td-checkboxes-container {
  display: flex;
  align-items: center; }
  .new-console-chat-ui .td-checkboxes-container .queue-three-state-check {
    font-family: "FontAwesome";
    font-size: 25px;
    display: inline;
    line-height: 0; }
  .new-console-chat-ui .td-checkboxes-container .queue-checked {
    color: #006FD1; }
    .new-console-chat-ui .td-checkboxes-container .queue-checked:before {
      content: "\f14a"; }
  .new-console-chat-ui .td-checkboxes-container .queue-unchecked {
    background-color: #F7F7F7;
    color: transparent;
    border-radius: 5px;
    border: 2px solid #E1E1E1;
    font-size: 22px;
    height: 23px;
    width: 21px; }
  .new-console-chat-ui .td-checkboxes-container .queue-partialchecked {
    background-color: #F7F7F7;
    color: transparent;
    border-radius: 5px;
    border: 2px solid #E1E1E1;
    font-size: 22px;
    height: 23px;
    width: 21px;
    position: relative; }
    .new-console-chat-ui .td-checkboxes-container .queue-partialchecked:before {
      height: 15px;
      width: 13px;
      position: absolute;
      background-color: #006FD1;
      content: "&nbsp";
      top: 2px;
      left: 2px;
      border-radius: 3px; }
  .new-console-chat-ui .td-checkboxes-container .dots-div {
    display: inline; }
    .new-console-chat-ui .td-checkboxes-container .dots-div button {
      border-radius: 5px;
      margin-left: 10px;
      outline: none; }
      .new-console-chat-ui .td-checkboxes-container .dots-div button.dotsfilter {
        height: 23px;
        width: 24px;
        padding: 0;
        border: 2px solid #006FD1 !important;
        position: relative;
        background-color: #fff;
        font-size: 19px; }
        .new-console-chat-ui .td-checkboxes-container .dots-div button.dotsfilter span {
          line-height: 0;
          display: block;
          position: absolute;
          top: 4px;
          left: 2px;
          font-weight: 900;
          color: #006FD1; }
        .new-console-chat-ui .td-checkboxes-container .dots-div button.dotsfilter.three-dots-some-selected {
          background-color: #006FD1; }
          .new-console-chat-ui .td-checkboxes-container .dots-div button.dotsfilter.three-dots-some-selected span {
            color: white; }
      .new-console-chat-ui .td-checkboxes-container .dots-div button:hover, .new-console-chat-ui .td-checkboxes-container .dots-div button:focus, .new-console-chat-ui .td-checkboxes-container .dots-div button:active {
        outline: none; }

@keyframes expand-collapse-mic {
  0% {
    width: 90px;
    height: 90px; }
  50% {
    width: 110px;
    height: 110px; }
  100% {
    width: 90px;
    height: 90px; } }

.tp-ml-5px {
  margin-left: 5px; }

tp-mb-10px {
  margin-bottom: 10px; }

.tp-bold-600 {
  font-weight: 600 !important; }

.tp-bold {
  font-weight: 900 !important; }

.tpLabel .tp-bold-ml-10 {
  font-weight: 900 !important;
  margin-left: 10px; }

#MasterBody_AdditionalDataTable .tpLabel span {
  font-weight: 900 !important;
  margin-left: 0; }

.tpLabel * {
  font-size: 13px !important; }

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

.spinning-loader {
  width: 20px;
  height: 20px;
  border: 5px solid rgba(29, 161, 242, 0.2);
  border-left-color: #1da1f2;
  border-radius: 50%;
  background: transparent;
  animation-name: rotate-s-loader;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: linear;
  position: relative; }

@keyframes rotate-s-loader {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.new-table-ui .name-td {
  display: flex;
  align-items: center; }
  .new-table-ui .name-td .video-icon-div {
    width: 25px;
    display: inline-block; }

.new-table-ui .dataTable thead .sorting:after,
.new-table-ui .dataTable thead .sorting_asc:after,
.new-table-ui .dataTable thead .sorting_desc:after {
  color: #2d2d2d;
  opacity: 1;
  display: inline-block;
  position: initial; }

.new-table-ui table .dataTable thead > tr > th.sorting_asc, .new-table-ui table.dataTable thead > tr > th.sorting_desc, .new-table-ui table.dataTable thead > tr > th.sorting, .new-table-ui table.dataTable thead > tr > td.sorting_asc, .new-table-ui table.dataTable thead > tr > td.sorting_desc, .new-table-ui table.dataTable thead > tr > td.sorting {
  padding-right: 0; }

.new-table-ui .text-center {
  text-align: left; }

.new-table-ui table {
  border: none; }

.new-table-ui div.dataTables_wrapper {
  background-color: white !important;
  border: none !important; }

.new-table-ui div.dataTables_wrapper .row:nth-child(2) > .col-sm-12:first-child {
  margin-right: -8px;
  margin-left: -8px; }

.new-table-ui div#tpViewDataTable_tpToolbarDT {
  /* color: red!important; */ }

.new-table-ui i.fa.fa-refresh.tpNavyColorToolbarDT {
  color: #004A8C !important; }

.new-table-ui .theme-tp .clsMergeINJ > button > i.tpNavyColorToolbarDT {
  color: #004A8C !important; }

.new-table-ui i.fa.fa-file-excel-o.tpExportToExcelCheckBox {
  color: #004A8C !important; }

.new-table-ui button.tpBtnHelpDT {
  display: none; }

.new-table-ui div.divToIncludePreferences {
  display: none; }

.new-table-ui i.icon-searchDT {
  top: 20px; }

.new-table-ui .filter-block .form-group .search-icon {
  /* top: 30px; */ }

.new-table-ui label {
  /* display: none; */ }

.new-table-ui div.dataTables_wrapper div.dataTables_filter label {
  display: none; }

.new-table-ui div.tp-filter {
  margin-right: -15px !important;
  margin-bottom: 0; }

.new-table-ui div.tpToolbarDT {
  margin-left: -25px; }

.new-table-ui thead tr {
  background-color: #e1e1e1;
  color: #2d2d2d;
  height: 38px;
  max-height: 38px;
  padding: 0; }

.new-table-ui thead tr th:hover {
  color: #2d2d2d; }

.new-table-ui thead tr th {
  color: #2d2d2d !important;
  border: none !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 25px; }

.new-table-ui tr td {
  border-left: none !important;
  border-right: none !important; }

.new-table-ui tbody tr {
  background-color: white !important; }

.new-table-ui tbody tr td a {
  font-weight: 900;
  color: #004A8C; }

.new-table-ui div.dataTables_paginate {
  background-color: #e1e1e1;
  color: #2d2d2d; }

.new-table-ui .dataTables_wrapper .row:nth-child(3) {
  background-color: #e1e1e1;
  margin-right: 8px;
  color: #2d2d2d; }

.new-table-ui .pagination > .active > a, .new-table-ui .pagination > .active > span, .new-table-ui .pagination > .active > a:hover, .new-table-ui .pagination > .active > span:hover, .new-table-ui .pagination > .active > a:focus, .new-table-ui .pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  color: #2d2d2d;
  font-weight: 600; }

.new-table-ui .pagination > li > a, .new-table-ui .pagination > li > span, .new-table-ui .pagination > li > a:hover, .new-table-ui .pagination > li > span:hover, .new-table-ui .pagination > li > a:focus, .new-table-ui .pagination > li > span:focus, .new-table-ui .pagination > li > a:active, .new-table-ui .pagination > li > span:active {
  color: #2d2d2d;
  background-color: transparent;
  border: none; }

.new-table-ui tr.child {
  /* background-color: #F7F7F7!important; */ }

.new-table-ui table.dataTable > tbody > tr.child {
  background-color: #f7f7f7 !important; }

.new-table-ui table.dataTable > tbody > tr.child:hover {
  background-color: #f7f7f7 !important; }

.new-table-ui table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .new-table-ui table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-family: "FontAwesome";
  content: "\f078";
  border-radius: 3px;
  color: #2d2d2d;
  background-color: #e1e1e1;
  width: 20px;
  position: initial;
  display: inline-block;
  margin-right: 5px; }

.new-table-ui table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .new-table-ui table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: "\f077";
  background-color: #e1e1e1; }

.new-table-ui td {
  padding: 10px 6px !important; }

.scripts-main-page {
  margin-right: -8px;
  margin-left: -8px; }

.scripts-main-viewer-page .nav.nav-pills, .scripts-main-page .nav.nav-pills {
  border-bottom: 1px solid #E1E1E1; }
  .scripts-main-viewer-page .nav.nav-pills li, .scripts-main-page .nav.nav-pills li {
    margin-bottom: 0 !important; }
    .scripts-main-viewer-page .nav.nav-pills li a[data-toggle="pill"], .scripts-main-page .nav.nav-pills li a[data-toggle="pill"] {
      background-color: white !important;
      color: #2d2d2d !important;
      font-size: 15px; }
    .scripts-main-viewer-page .nav.nav-pills li.active, .scripts-main-page .nav.nav-pills li.active {
      border-bottom: 2px solid #089BFF; }
      .scripts-main-viewer-page .nav.nav-pills li.active a[data-toggle="pill"], .scripts-main-page .nav.nav-pills li.active a[data-toggle="pill"] {
        background-color: white !important;
        color: #2d2d2d !important; }

.scripts-main-viewer-page #scriptDiv #TitleScriptli h3, .scripts-main-page #scriptDiv #TitleScriptli h3 {
  border-bottom-color: #E1E1E1;
  border: none; }
  .scripts-main-viewer-page #scriptDiv #TitleScriptli h3 span, .scripts-main-page #scriptDiv #TitleScriptli h3 span {
    border-bottom-color: #006FD1;
    border: none; }

.scripts-main-viewer-page #scriptDiv #lstDivs, .scripts-main-page #scriptDiv #lstDivs {
  padding: 0; }

.scripts-main-viewer-page #scriptDiv .main-box, .scripts-main-page #scriptDiv .main-box {
  border: none !important;
  padding: 0; }
  .scripts-main-viewer-page #scriptDiv .main-box .main-box-body, .scripts-main-page #scriptDiv .main-box .main-box-body {
    padding: 0; }

.scripts-main-viewer-page button, .scripts-main-page button {
  margin-left: 5px; }

.scripts-main-viewer-page .ActiveQuestionScript, .scripts-main-page .ActiveQuestionScript {
  background-color: white !important;
  border: none !important; }
  .scripts-main-viewer-page .ActiveQuestionScript > .row > .row > .col-sm-12, .scripts-main-page .ActiveQuestionScript > .row > .row > .col-sm-12 {
    display: flex; }
  .scripts-main-viewer-page .ActiveQuestionScript .row > .row + .row, .scripts-main-page .ActiveQuestionScript .row > .row + .row {
    margin-bottom: -20px; }
  .scripts-main-viewer-page .ActiveQuestionScript .label.label-primary, .scripts-main-page .ActiveQuestionScript .label.label-primary {
    padding: 5px;
    max-height: 21px; }
  .scripts-main-viewer-page .ActiveQuestionScript textarea, .scripts-main-page .ActiveQuestionScript textarea {
    line-height: 25px; }
  .scripts-main-viewer-page .ActiveQuestionScript button:last-child, .scripts-main-page .ActiveQuestionScript button:last-child {
    margin-right: 10px; }

.scripts-main-viewer-page .InActiveQuestionScript, .scripts-main-page .InActiveQuestionScript {
  background-color: white !important;
  border: none !important; }
  .scripts-main-viewer-page .InActiveQuestionScript > .row > .row > .col-sm-12, .scripts-main-page .InActiveQuestionScript > .row > .row > .col-sm-12 {
    display: flex; }
  .scripts-main-viewer-page .InActiveQuestionScript .row > .row + .row, .scripts-main-page .InActiveQuestionScript .row > .row + .row {
    margin-bottom: -20px; }
  .scripts-main-viewer-page .InActiveQuestionScript .label.label-primary, .scripts-main-page .InActiveQuestionScript .label.label-primary {
    background-color: #cbcbcb;
    color: #444444;
    padding: 5px; }
  .scripts-main-viewer-page .InActiveQuestionScript textarea, .scripts-main-page .InActiveQuestionScript textarea {
    line-height: 25px; }
  .scripts-main-viewer-page .InActiveQuestionScript button:last-child, .scripts-main-page .InActiveQuestionScript button:last-child {
    margin-right: 10px; }
  .scripts-main-viewer-page .InActiveQuestionScript button:disabled, .scripts-main-viewer-page .InActiveQuestionScript input[type='button']:disabled, .scripts-main-viewer-page .InActiveQuestionScript input[type='submit']:disabled, .scripts-main-page .InActiveQuestionScript button:disabled, .scripts-main-page .InActiveQuestionScript input[type='button']:disabled, .scripts-main-page .InActiveQuestionScript input[type='submit']:disabled {
    background-color: #F7F7F7;
    color: #5a5a5a; }
    .scripts-main-viewer-page .InActiveQuestionScript button:disabled:hover, .scripts-main-viewer-page .InActiveQuestionScript input[type='button']:disabled:hover, .scripts-main-viewer-page .InActiveQuestionScript input[type='submit']:disabled:hover, .scripts-main-page .InActiveQuestionScript button:disabled:hover, .scripts-main-page .InActiveQuestionScript input[type='button']:disabled:hover, .scripts-main-page .InActiveQuestionScript input[type='submit']:disabled:hover {
      background-color: #F7F7F7;
      color: #5a5a5a; }

.checkbox-slider-container .switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 60px;
  margin-top: 5px; }

.checkbox-slider-container .switch input {
  display: none; }

.checkbox-slider-container .slider {
  background-color: #979797;
  bottom: 5px;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 12px;
  top: 0;
  transition: .4s; }

.checkbox-slider-container .slider:before {
  background-color: #1c1c1c;
  bottom: -3px;
  content: "";
  height: 25px;
  left: 1px;
  position: absolute;
  transition: .4s;
  width: 25px; }

.checkbox-slider-container input:checked + .slider {
  background-color: #AEEABF; }

.checkbox-slider-container input:checked + .slider:before {
  transform: translateX(25px);
  background-color: #29A34B; }

.checkbox-slider-container .slider.round {
  border-radius: 34px; }

.checkbox-slider-container .slider.round:before {
  border-radius: 50%; }

.vertical-tabs-auto {
  /*.menuTabs {
        width: 200px;
    }

    .mainTabDIVAndOthersTabs {
        padding-left: 205px;
    }*/
  /* We occasionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices. */
  /*@media (max-width: $screen-xs-max) {
    }

    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    }

    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    }*/ }
  .vertical-tabs-auto .menuTabs {
    margin-top: 15px; }
  .vertical-tabs-auto .mainTabDIVAndOthersTabs {
    padding-top: 15px; }
  @media (min-width: 480px) {
    .vertical-tabs-auto .menuTabs {
      width: 90px; }
      .vertical-tabs-auto .menuTabs .tpclientItemMenuActiveAdminI {
        width: 90px; }
    .vertical-tabs-auto .mainTabDIVAndOthersTabs {
      padding-left: 95px; } }
  @media (min-width: 768px) {
    .vertical-tabs-auto .menuTabs {
      width: 120px; }
      .vertical-tabs-auto .menuTabs .tpclientItemMenuActiveAdminI {
        width: 120px; }
    .vertical-tabs-auto .mainTabDIVAndOthersTabs {
      padding-left: 105px; } }
  @media (min-width: 992px) {
    .vertical-tabs-auto .menuTabs {
      width: 150px; }
      .vertical-tabs-auto .menuTabs .tpclientItemMenuActiveAdminI {
        width: 150px; }
    .vertical-tabs-auto .mainTabDIVAndOthersTabs {
      padding-left: 155px; } }
  @media (min-width: 1200px) {
    .vertical-tabs-auto .menuTabs {
      width: 200px; }
      .vertical-tabs-auto .menuTabs .tpclientItemMenuActiveAdminI {
        width: 200px; }
    .vertical-tabs-auto .mainTabDIVAndOthersTabs {
      padding-left: 205px; } }

#MasterBody_TableTitleLabel {
  color: #2d2d2d !important; }

.sweet-alert.tp-chat-console-swal p, .sweet-alert.tp-chat-console-swal h1 {
  color: #2d2d2d; }

.sweet-alert.tp-chat-console-swal h2 {
  display: none; }

.sweet-alert.tp-chat-console-swal .sa-button-container {
  text-align: right; }
  .sweet-alert.tp-chat-console-swal .sa-button-container .cancel {
    color: #2d2d2d !important;
    background-color: #CBCBCB !important; }
  .sweet-alert.tp-chat-console-swal .sa-button-container .sa-confirm-button-container .confirm {
    color: white !important;
    background-color: #006FD1 !important; }

.pb-20 td {
  padding-bottom: 20px; }

/*media queries*/
div#sidebar-nav[aria-expanded="false"] {
  display: none !important; }

.ui-front {
  z-index: 500; }

.conversation-body.conversation-supervisor {
  background: #ffeb80 !important; }

.conversation-wrapper .conversation-item.item-right .conversation-body.conversation-supervisor:before {
  border-color: #ffeb80 transparent transparent #ffeb80;
  right: -11px; }

.transferchat-hr-separator {
  border: 2px solid #C2C2C2; }

@media (max-width: 768px) {
  .menuTabs {
    margin-top: 21px !important; }
  .mainTabDIVAndOthersTabs {
    padding-top: 30px !important; }
  #FixedAreaTopDiv {
    height: initial !important; }
    #FixedAreaTopDiv .navbar.navbar-default.navbar-fixed-top {
      position: initial !important; }
    #FixedAreaTopDiv #PillsDIV > ul > li:not(#ToolbarLI) {
      display: none; }
    #FixedAreaTopDiv #MasterBody_ReloadImg, #FixedAreaTopDiv #MasterBody_CustomerStatusImage {
      display: none; }
    #FixedAreaTopDiv .headers-case-viewer .text-center {
      text-align: left;
      padding-left: 14px; }
    #FixedAreaTopDiv span.btn-group > i {
      padding: 3px !important; }
  #ppalHeaderDIV #CommentsDiv {
    width: 200px !important; }
  .dashtimer {
    display: none !important; }
  #BotAssistantsLi {
    display: none; }
  .tplimenuitemi {
    padding-top: 20px; }
    .tplimenuitemi > span:first-child {
      writing-mode: vertical-rl;
      text-orientation: upright;
      display: block; }
    .tplimenuitemi .timer {
      display: none; }
  .tplimenuitemiclose {
    top: 0;
    bottom: initial; }
  .menuTabs {
    width: 40px; }
  .mainTabDIVAndOthersTabs {
    padding-left: 19px; }
  /*.mce-container-body.mce-flow-layout {
        display: none;
    }*/ }

/*@media (max-width: 768px) {
    #FixedAreaTopDiv {
        height: initial !important;

        .navbar.navbar-default.navbar-fixed-top {
            position: initial !important;
        }
    }
}*/
@media (min-width: 768px) {
  .navbar-collapse {
    display: initial !important;
    /*    height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;*/ }
  .navbar-collapse.collapse {
    display: initial !important;
    /*    height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;*/ } }

.table tbody > tr > td, .table tbody > tr > td span, .table tbody > tr > td a {
  /*font-size: 12px !important;*/ }

/*@import 'tp-theme-white.scss';
@import 'tp-theme-amethyst.scss';
@import 'tp-theme-blue-gradient.scss';
@import 'tp-theme-blue.scss';
@import 'tp-theme-red.scss';
@import 'tp-theme-turquoise.scss';
@import 'tp-theme-whbl.scss';*/
/*@import 'tp-theme-abinveb.scss';*/
.theme-tp {
  /*left menu*/
  /*#sidebar-nav .nav > li {
    background-color: $menu-background-color;
}*/
  /*end left menu*/
  /*right menu*/
  /*end right menu*/
  /*wizards*/
  /*.wizard .wizard-inner ul li.active {*/
  /*}*/
  /*end wizards*/
  /*badges*/
  /*end badges*/
  /*Custom modals*/
  /*end custom modals*/
  /*accordions*/
  /*end accordions*/
  /*kb search result tables*/
  /*end kb serach result tables*/
  /*loading tp*/
  /*.tdLoadingContainer {*/
  /*}*/
  /*end loading tp*/
  /*Simulations colors*/
  /*End simulations*/
  /*Datatables*/
  /*End datatables*/
  /*Dashboards*/
  /*End Dashboards*/
  /*Radiobutton*/
  /*End RadioButton*/
  /*Images changed by fonts*/
  /*End images changed by fonts*/
  /*scripts*/
  /*end scripts*/
  /*line on reports*/
  /**/
  /*ABINVEB*/
  /*radios and checkboxes*/
  /*end radios and checkboxes*/
  /*Start Button*/
  /*End Buttons*/
  /*span[id^="tpTabcloseMain"]:hover {
    color: $tp-red-color;
}*/
  /*Tabs change*/
  /*tabs*/
  /*end tabs*/
  /*Full Page Background color */
  /*#nav-col {
    width: 267px;
}*/
  /*End Full page background color*/
  /*#error-page-body {
    color: $tp-color-primary-theme;
}*/
  /*Links*/
  /*End links*/
  /*pills*/
  /*end pills*/ }
  .theme-tp #nav-col,
  .theme-tp #page-wrapper {
    background-color: #fff; }
  .theme-tp #col-left {
    height: calc(100% - 46px); }
  .theme-tp #dropMenuProfile > li button#save-theme-preferences-button {
    color: #A00095; }
  .theme-tp #sidebar-nav .nav > li {
    background-color: #fff; }
  .theme-tp #sidebar-nav .nav li .submenu {
    background-color: #fff; }
  .theme-tp #sidebar-nav .nav > li > a {
    color: #2e2e2e; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-tp #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: #fff; }
  .theme-tp #sidebar-nav .nav .open > a:hover {
    color: #fff; }
  .theme-tp #sidebar-nav .nav li .submenu:hover {
    /*background-color: $menu-background-color-hover;*/ }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > a,
  .theme-tp #sidebar-nav .nav > .active > .submenu > li > a {
    border-bottom-color: transparent !important; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > a:hover,
  .theme-tp #sidebar-nav .nav > .active > .submenu > li > a:hover {
    background-color: #A00095 !important;
    /* margin-left: 10px;
    margin-right: 20px;*/ }
  .theme-tp #sidebar-nav .nav li .submenu > li > a {
    color: #2e2e2e; }
  .theme-tp #sidebar-nav .nav li .submenu > li > a:hover,
  .theme-tp #sidebar-nav .nav li .submenu > li > a.active,
  .theme-tp #sidebar-nav .nav li .submenu > li.active > a {
    background-color: #fff; }
  .theme-tp #sidebar-nav .nav > li > a:hover, .theme-tp #sidebar-nav .nav .open > a:hover {
    color: #2e2e2e; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > .submenu,
  .theme-tp #sidebar-nav .nav > .active > .submenu > li > .submenu {
    background-color: #A00095; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > .open > a,
  .theme-tp #sidebar-nav .nav > .active > .submenu > .open > a,
  .theme-tp #sidebar-nav .nav > .active > .submenu > .active > a {
    border-bottom-color: transparent;
    box-shadow: 0 -1px 0 transparent inset; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover,
  .theme-tp #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover,
  .theme-tp #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {
    color: #A00095;
    background-color: #A00095 !important; }
  .theme-tp #sidebar-nav .nav > li.open {
    background-color: #fff; }
  .theme-tp #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {
    color: #2e2e2e;
    font-size: 18px; }
    .theme-tp #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon:before {
      content: "\f105" !important; }
  .theme-tp #sidebar-nav .nav > li > a:hover {
    background-color: #fff;
    border-left-color: #A00095;
    border-right-color: #A00095;
    color: #2e2e2e; }
  .theme-tp .c-menu {
    background-color: #fff; }
  .theme-tp .c-menu--slide-right .nav.nav-pills.nav-stacked > li > a {
    color: #2e2e2e;
    border-bottom: 1px solid transparent; }
  .theme-tp .c_menu__item_group {
    background-color: #fff;
    color: #2e2e2e; }
  .theme-tp #rightMenuUlToastCenterDiv {
    color: #2e2e2e; }
  .theme-tp tr.toast-header {
    background-color: #fff; }
  .theme-tp .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :hover {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #780096; }
  .theme-tp .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :focus {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #780096; }
  .theme-tp .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) a :hover,
  .theme-tp .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) i :hover {
    background-color: #fff;
    color: #2e2e2e;
    border: 0; }
  .theme-tp #tpMainTabs > li.active > a {
    border-top-color: #A00095; }
  .theme-tp #tpMainTabs > li:not(.active) > a:hover {
    border-top-color: #e6e6e6; }
  .theme-tp .tpclientItemMenuActiveAdmin {
    border-left-color: #A00095; }
  .theme-tp .tpReportTableCommentsFilter {
    color: #A00095; }
  .theme-tp .CaseNumberTitle {
    color: #A00095 !important; }
  .theme-tp .tpTabTitleSwal {
    color: #780096; }
  .theme-tp .wizard .wizard-inner ul li.active .chevron:before {
    border-left: 14px solid #d9ebf7; }
  .theme-tp .wizard .wizard-inner {
    /*background-color: $wizard-background;*/
    /*border: 1px solid $wizard-border-color;*/
    background-color: initial;
    border: none; }
    .theme-tp .wizard .wizard-inner ul li {
      /*background-color: $wizard-step-background;
                color: $wizard-step-color;*/
      background-color: white;
      color: #989898; }
      .theme-tp .wizard .wizard-inner ul li:first-child {
        border-radius: 0; }
      .theme-tp .wizard .wizard-inner ul li .badge.badge-primary {
        padding: 14px;
        border: 1px solid #989898;
        color: #989898;
        background-color: white !important;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .theme-tp .wizard .wizard-inner ul li .chevron {
        display: none;
        /*border-left-color: $wizard-border-color;*/
        /*&:before {
                        border-left-color: $wizard-step-background;
                   
                } */ }
      .theme-tp .wizard .wizard-inner ul li .liHelpButton {
        background-color: white !important; }
      .theme-tp .wizard .wizard-inner ul li.active {
        /*background-color: $wizard-step-active-background;
                    color: $wizard-step-active-color;*/
        background-color: white;
        color: #2e2e2e;
        font-weight: 600; }
        .theme-tp .wizard .wizard-inner ul li.active .chevron {
          /*border-left-color: $wizard-step-active-background;

                        &:before {
                            border-left-color: $wizard-step-active-background;
                        }*/ }
        .theme-tp .wizard .wizard-inner ul li.active .badge, .theme-tp .wizard .wizard-inner ul li.active .badge:hover {
          /*background-color: $wizard-badge-background !important;
                    color: $wizard-badge-color !important;*/
          background-color: white !important;
          color: #A00095 !important;
          border-color: #A00095;
          font-weight: 900; }
  .theme-tp .badge.badge-primary,
  .theme-tp .badge.badge-primary:hover {
    background-color: #A00095 !important; }
  .theme-tp .active > .badge.badge-primary, .theme-tp .active > .badge.badge-primary:hover {
    background-color: white !important;
    color: #780096 !important; }
  .theme-tp .badge.badge-theme {
    background-color: #780096; }
  .theme-tp .badge.badge-gray {
    background-color: #e6e6e6;
    color: #2e2e2e; }
  .theme-tp .badge.badge-warning {
    background-color: #FFF7DA;
    color: #85732D; }
  .theme-tp .badge.badge-danger {
    background-color: #FDC5CE;
    color: #47000C; }
  .theme-tp .badge.badge-success {
    background-color: #CEF3E5;
    color: #1B6C49; }
  .theme-tp .label-primary, .theme-tp .fc-event.label-primary {
    background-color: #A00095; }
  .theme-tp .modal-header {
    background-color: #F7F7F7;
    color: #2e2e2e; }
    .theme-tp .modal-header .close {
      color: #2e2e2e !important; }
  .theme-tp .panel-heading .panel-title a {
    color: white; }
  .theme-tp .panel-group .panel .panel-heading:hover {
    background-color: #780096;
    border-color: #780096; }
  .theme-tp table.kb-results-table > tbody > tr.selected {
    background-color: #A00095 !important; }
  .theme-tp table.kb-results-table > tbody > tr:hover {
    background-color: #A00095 !important; }
  .theme-tp .title-box-kb {
    background-color: #A00095; }
  .theme-tp .tpLoadingTP .st0 {
    fill: #A00095; }
  .theme-tp .progress .progress-bar {
    background-color: #A00095; }
  .theme-tp .clsStep [id^='titleDiv-'] {
    color: #780096; }
  .theme-tp .clsStep:last-child {
    background-color: #d9ebf7;
    border-left: 4px solid #A00095; }
  .theme-tp .clsStep {
    background-color: #d9ebf7; }
  .theme-tp .tpNavyColorToolbarDT {
    color: #780096 !important; }
  .theme-tp .dataTables_wrapper {
    background-color: white !important;
    border: none !important; }
  .theme-tp .dataTable {
    border: none; }
  .theme-tp .dataTable > tbody > tr > td,
  .theme-tp .dataTable > tbody > tr > th,
  .theme-tp .dataTable > tfoot > tr > td,
  .theme-tp .dataTable > tfoot > tr > th,
  .theme-tp .dataTable > thead > tr > td,
  .theme-tp .dataTable > thead > tr > th {
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    /*change for variable*/ }
  .theme-tp .dataTable tr.odd {
    background-color: white !important; }
  .theme-tp .dataTable tr.even {
    background-color: #F7F7F7 !important; }
  .theme-tp .dataTable tbody tr:hover {
    background-color: #DDDDDD !important; }
  .theme-tp .dataTables_wrapper > .row {
    background-color: #f7f7f7 !important; }
  .theme-tp .dataTable thead {
    background-color: #f7f7f7 !important; }
  .theme-tp .dataTables_wrapper .btn.btn-white {
    background-color: transparent; }
    .theme-tp .dataTables_wrapper .btn.btn-white:hover, .theme-tp .dataTables_wrapper .btn.btn-white:active, .theme-tp .dataTables_wrapper .btn.btn-white:focus {
      background-color: transparent;
      box-shadow: none !important; }
  .theme-tp table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-tp table.dataTable thead .sorting_asc:after {
    opacity: 1;
    content: "\e253";
    position: initial;
    float: right; }
  .theme-tp table.dataTable thead .sorting_desc:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-tp table.dataTable thead tr th {
    padding: 15px !important;
    font-weight: 900;
    color: #2E2E2E; }
  .theme-tp td a {
    font-weight: 900; }
  .theme-tp .clsMergeINJ > button > i {
    color: #A00095 !important; }
  .theme-tp div#tpViewDataTable_paginate .pagination .paginate_button a {
    color: #A00095; }
  .theme-tp .pagination > .active > a, .theme-tp .pagination > .active > span, .theme-tp .pagination > .active > a:hover, .theme-tp .pagination > .active > span:hover, .theme-tp .pagination > .active > a:focus, .theme-tp .pagination > .active > span:focus {
    background-color: #A00095;
    border-color: #A00095;
    color: white !important; }
  .theme-tp .table-kpi table.pvtTable tr td {
    color: #A00095; }
  .theme-tp .tile.selected {
    border-color: #A00095 !important; }
  .theme-tp .tile .title {
    border-bottom-color: #A00095 !important; }
  .theme-tp .items ul li:hover, .theme-tp .items ul li.added {
    border-left-color: #A00095 !important; }
  .theme-tp .items ul li.selected {
    border-color: #A00095 !important; }
  .theme-tp .radio.green input[type=radio] + label:before,
  .theme-tp .radio.green input[type=radio]:checked + label:before,
  .theme-tp .radio.green input[type=radio]:hover + label:before {
    border: 2px solid green; }
  .theme-tp .radio.green label:after {
    background-color: green;
    border: 2px solid green; }
  .theme-tp .radio.yellow input[type=radio] + label:before,
  .theme-tp .radio.yellow input[type=radio]:checked + label:before,
  .theme-tp .radio.yellow input[type=radio]:hover + label:before {
    border: 2px solid orange; }
  .theme-tp .radio.yellow label:after {
    background-color: orange;
    border: 2px solid orange; }
  .theme-tp .radio.red input[type=radio] + label:before,
  .theme-tp .radio.red input[type=radio]:checked + label:before,
  .theme-tp .radio.red input[type=radio]:hover + label:before {
    border: 2px solid red; }
  .theme-tp .radio.red label:after {
    background-color: red;
    border: 2px solid red; }
  .theme-tp .icon-tp {
    background-color: #A00095;
    color: white; }
  .theme-tp .ActiveQuestionScript {
    background-color: #dff4ff;
    border-left-color: #A00095; }
  .theme-tp .alert-default {
    border-color: #A00095; }
  .theme-tp .status.circle {
    width: 25px;
    height: 25px;
    background-color: orange;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto; }
    .theme-tp .status.circle.yellow {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-tp .status.circle.red {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-tp .status.circle.green {
      background-color: darkgreen;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, green, darkgreen);
      background-image: radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%); }
    .theme-tp .status.circle.gray {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-tp .status.circle.PE {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-tp .status.circle.PR {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-tp .status.circle.CL {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, black, #4b7896);
      background-image: radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%); }
    .theme-tp .status.circle.WH {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-tp .status.circle.AP {
      background-color: green;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, darkgreen, #65d065);
      background-image: radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%); }
    .theme-tp .status.circle.RE {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-tp .status.circle.CA {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, #2980b9, black);
      background-image: radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%); }
    .theme-tp .status.circle span {
      position: absolute;
      color: white;
      top: 3PX;
      left: 4PX; }
  .theme-tp .timeline ul {
    padding: 1em 0 0 0.5em;
    margin: 0;
    list-style: none;
    position: relative; }
    .theme-tp .timeline ul::before {
      content: ' ';
      height: 100%;
      width: 1px;
      background-color: #d9d9d9;
      position: absolute;
      top: 0;
      left: 1em;
      z-index: -1; }
    .theme-tp .timeline ul li {
      cursor: pointer; }
      .theme-tp .timeline ul li:hover, .theme-tp .timeline ul li.selected {
        background-color: #eef2f5; }
  .theme-tp .timeline li div {
    display: inline-block;
    margin: 1em 0;
    vertical-align: top; }
  .theme-tp .timeline .bullet {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: white;
    z-index: 1;
    margin-right: 1em; }
    .theme-tp .timeline .bullet.red {
      border: 2px solid red; }
    .theme-tp .timeline .bullet.green {
      border: 2px solid green; }
    .theme-tp .timeline .bullet.orange {
      border: 2px solid orange; }
  .theme-tp .timeline .time {
    width: 20%;
    font-size: 0.75em;
    padding-top: 0.25em; }
    .theme-tp .timeline .time span {
      width: 100%;
      display: inline-block; }
  .theme-tp .timeline .desc {
    width: 65%; }
    .theme-tp .timeline .desc .text {
      width: 90%;
      display: inline-block; }
    .theme-tp .timeline .desc .icon {
      display: inline;
      /* width: 10%; */
      float: right; }
  .theme-tp .timeline h3 {
    font-size: 0.9em;
    font-weight: 400;
    margin: 0; }
  .theme-tp .timeline h4 {
    margin: 0;
    font-size: 0.7em;
    font-weight: 400;
    color: #808080; }
  .theme-tp .timeline .people .icon-img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .theme-tp .timeline .icon-channel {
    font-size: 23px;
    float: right;
    margin-right: 3px; }
  .theme-tp .title-history {
    font-weight: 600; }
    .theme-tp .title-history.red {
      color: red; }
    .theme-tp .title-history.green {
      color: green !important; }
    .theme-tp .title-history.orange {
      color: orange; }
  .theme-tp .tpobchat #chatbox {
    width: 290px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 484px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -155px; }
  .theme-tp .tpobchat #friendslist {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 484px; }
  .theme-tp .tpobchat #topmenu {
    height: 69px;
    width: 290px;
    border-bottom: 1px solid #d8dfe3; }
  .theme-tp .tpobchat #topmenu span {
    float: left;
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat; }
  .theme-tp .tpobchat #topmenu span.friends {
    margin-bottom: -1px; }
  .theme-tp .tpobchat #topmenu span.chats {
    background-position: -95px 25px;
    cursor: pointer; }
  .theme-tp .tpobchat #topmenu span.chats:hover {
    background-position: -95px -46px;
    cursor: pointer; }
  .theme-tp .tpobchat #topmenu span.history {
    background-position: -190px 24px;
    cursor: pointer; }
  .theme-tp .tpobchat #topmenu span.history:hover {
    background-position: -190px -47px;
    cursor: pointer; }
  .theme-tp .tpobchat .floatingImg {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 3px solid #fff; }
  .theme-tp .tpobchat #chatview {
    width: 290px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff; }
  .theme-tp .tpobchat #chat-messages {
    opacity: 0;
    padding-top: 5px;
    font-size: 12px;
    margin-top: 30px;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    padding-right: 20px;
    -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1); }
  .theme-tp .tpobchat #chat-messages.animate {
    opacity: 1;
    margin-top: 0; }
  .theme-tp .tpobchat #chat-messages label {
    color: #aab8c2;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin: 15px 0;
    width: 290px;
    display: block; }
  .theme-tp .tpobchat #chat-messages div.message {
    padding: 0 0 30px 58px;
    clear: both;
    /*margin-bottom: 45px;*/ }
  .theme-tp .tpobchat #chat-messages div.message.right {
    padding: 0 30px 20px 0;
    margin-right: -19px;
    margin-left: 19px;
    margin-top: 5px; }
  .theme-tp .tpobchat #chat-messages .message .icon-chat {
    float: left;
    margin-left: -38px;
    border-radius: 50%;
    width: 30px;
    margin-top: 12px; }
  .theme-tp .tpobchat #chat-messages div.message.right .icon-chat {
    float: right;
    margin-left: 0;
    margin-right: -38px; }
  .theme-tp .tpobchat .message .bubble {
    background: #f0f4f7;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 6px;
    border-radius: 5px 5px 5px 0px;
    color: #8495a3;
    position: relative;
    float: left;
    min-width: 200px; }
  .theme-tp .tpobchat #chat-messages div.message.right .bubble {
    float: right;
    border-radius: 5px 5px 0px 5px;
    background: #e9f6ff; }
  .theme-tp .tpobchat .bubble .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -5px;
    bottom: 0; }
  .theme-tp .tpobchat div.message.right .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left: auto;
    right: -5px; }
  .theme-tp .tpobchat .bubble span {
    color: #aab8c2;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -22px; }
  .theme-tp #channelList {
    margin-top: 5px; }
    .theme-tp #channelList .channel-icon {
      cursor: pointer;
      font-size: 25px;
      margin-right: 10px;
      position: relative;
      color: #cbcbcb; }
      .theme-tp #channelList .channel-icon .badge {
        font-size: 8px;
        position: absolute;
        right: -9px;
        top: -6px; }
      .theme-tp #channelList .channel-icon.selected, .theme-tp #channelList .channel-icon:hover {
        color: #5a5a5a;
        border-bottom: 3px solid #5a5a5a;
        padding-bottom: 1px;
        opacity: 1; }
  .theme-tp #information-container {
    /* for the animation */
    transition: margin 0.3s ease;
    padding-right: 15px; }
  .theme-tp .send-message-button-ob {
    padding: 5px; }
    .theme-tp .send-message-button-ob i {
      font-size: 18px; }
  .theme-tp .clock-div {
    display: inline-block;
    margin-top: 8px; }
    .theme-tp .clock-div .title {
      font-weight: 500; }
    .theme-tp .clock-div .clock {
      font-weight: 900;
      font-size: 16px; }
    .theme-tp .clock-div.clock-auto-close {
      color: red;
      margin-right: 10px; }
    .theme-tp .clock-div.clock-time-to-answer {
      color: black; }
  .theme-tp .icon-tabv {
    right: 3px;
    top: 3px; }
  .theme-tp #menuTabs #menuList li {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #E1E1E1; }
  .theme-tp .tpclientItemMenuInactiveAdmin {
    background-color: white;
    border-left-color: transparent; }
  .theme-tp .tplimenuitemi {
    max-width: 100%; }
  .theme-tp .tpclientItemMenuActiveAdminI {
    background-color: #F7F7F7; }
  .theme-tp .tplimenuitem.tpclientItemMenuActiveAdmin {
    background-color: #F7F7F7; }
  .theme-tp .tpclientItemMenuInactiveAdminI {
    background-color: white; }
    .theme-tp .tpclientItemMenuInactiveAdminI.fa-home {
      border-bottom: none; }
  .theme-tp .menuTabs {
    background-color: white;
    border: 1px solid #E1E1E1; }
  .theme-tp .mce-tinymce {
    box-shadow: none !important; }
  .theme-tp .tp-lights {
    /*animation-duration: 1s;
    animation-iteration-count: infinite;*/ }
    .theme-tp .tp-lights.red {
      /*animation-name: semaphore-red;
        text-shadow: 0px 0px 6px #610a0a;*/ }
    .theme-tp .tp-lights.yellow {
      /*animation-name: semaphore-yellow;
        text-shadow: 0px 0px 6px #613a0a;*/ }
    .theme-tp .tp-lights.green {
      /*animation-name: semaphore-green;
        text-shadow: 0px 0px 6px #16610a;*/ }

@keyframes semaphore-red {
  from {
    color: #7d2a20; }
  to {
    color: red; } }

@keyframes semaphore-green {
  from {
    color: #065503; }
  to {
    color: green; } }

@keyframes semaphore-yellow {
  from {
    color: #7d6120; }
  to {
    color: orange; } }
  .theme-tp .table-days-hour-preferred-ob td {
    padding: 5px; }
  .theme-tp .table-days-hour-preferred-ob input {
    min-width: 80px; }
  .theme-tp .color-primary {
    color: #A00095; }
  .theme-tp .btn-upload {
    background-color: #A00095;
    color: white; }
  .theme-tp .upload-yellow {
    color: #fff;
    background-color: #780096;
    font-weight: 700;
    font-size: 12px;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 6px;
    border: none; }
    .theme-tp .upload-yellow .fa {
      font-size: 32px; }
  .theme-tp #inneroverlayTPClient {
    border-color: #A00095; }
  .theme-tp #LoadingLabel {
    color: #2e2e2e; }
  .theme-tp .dropdown-menu > li > a:hover, .theme-tp .dropdown-menu > li > a:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-tp .mce-menu-item.mce-selected {
    background-color: #d9ebf7;
    color: black; }
  .theme-tp .mce-menu-item:hover, .theme-tp .mce-menu-item:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-tp .mce-btn.mce-active, .theme-tp .mce-btn.mce-active:hover, .theme-tp .mce-btn.mce-active:focus, .theme-tp .mce-btn.mce-active:active {
    background-color: #A00095; }
  .theme-tp .mce-menu-item.mce-active.mce-menu-item-normal {
    background-color: #A00095; }
  .theme-tp #div-logo-tenant {
    padding: 10px; }
    .theme-tp #div-logo-tenant > img {
      width: 180px !important;
      background-color: white;
      margin: 0 auto;
      margin-top: 10px;
      border-radius: 10px;
      border-radius: 10px !important; }
  .theme-tp ::selection {
    background: #A00095;
    color: #fff; }
  .theme-tp .radio input[type=radio]:checked + label:before, .theme-tp .radio input[type=radio]:hover + label:before {
    border: 1px solid #A00095; }
  .theme-tp .radio label:after {
    background-color: #A00095;
    border: 1px solid #A00095; }
  .theme-tp .checkbox-nice label:before {
    border-color: #A00095;
    background-color: #A00095; }
  .theme-tp .checkbox-nice label:after {
    border-color: white; }
  .theme-tp .checkbox-nice input[type=checkbox]:not(:checked) + label:before {
    background-color: white; }
  .theme-tp .checkbox-nice input[type=checkbox][disabled] + label:before {
    background-color: #c5c5c5;
    border: 1px solid #c1c1c1; }
  .theme-tp #tpMainContainerTabs #tpMainTabs > li img {
    display: none; }
  .theme-tp .ui-autocomplete .ui-state-focus {
    border: 0px !important;
    background: #ffe6ef !important;
    color: black !important; }
  .theme-tp .clsMergeINJ {
    float: left;
    /*  > button > i.tpNavyColorToolbarDT:hover {
        color: black !important;
    }*/
    /*> button > i.tpNavyColorToolbarDT {
        color: #595657 !important;
    }*/
    /*> button > i:hover {
        color: black !important;
    }*/ }
    .theme-tp .clsMergeINJ > button {
      background-color: transparent !important;
      border: none !important;
      margin-left: 0 !important;
      padding-right: 0 !important; }
    .theme-tp .clsMergeINJ > button > i {
      /*color: #595657 !important;*/ }
      .theme-tp .clsMergeINJ > button > i.tpExportToExcelCheckBox {
        font-size: 1.1em !important; }
  .theme-tp .tpExportToExcelCheckBox {
    color: #A00095 !important; }
  .theme-tp .btn {
    border: none !important; }
    .theme-tp .btn.btn-light-blue {
      background: #A00095;
      color: white;
      border: none; }
      .theme-tp .btn.btn-light-blue .badge.badge-theme {
        background-color: #F7F7F7;
        color: #5d5d5d; }
    .theme-tp .btn.btn-theme {
      background: #780096; }
      .theme-tp .btn.btn-theme:hover {
        background: #780096; }
    .theme-tp .btn.btn-primary {
      background: #A00095;
      color: white !important; }
      .theme-tp .btn.btn-primary:hover {
        background: #A00095;
        outline: none; }
    .theme-tp .btn.btn-danger {
      background: #EB0027; }
      .theme-tp .btn.btn-danger:hover {
        background: #EB0027; }
      .theme-tp .btn.btn-danger:focus {
        outline: none; }
    .theme-tp .btn.btn-success {
      background: #33CF8D; }
      .theme-tp .btn.btn-success:hover {
        background: #33CF8D; }
    .theme-tp .btn.btn-warning {
      background: #FFC502; }
      .theme-tp .btn.btn-warning:hover {
        background: #FFC502; }
    .theme-tp .btn.btn-white-with-border {
      border: 1px solid #A00095 !important;
      background-color: white;
      color: #A00095; }
      .theme-tp .btn.btn-white-with-border:hover {
        background-color: white;
        color: #A00095;
        border-color: #A00095 !important; }
      .theme-tp .btn.btn-white-with-border.btn[disabled] {
        background-color: #CBCBCB;
        color: #878787; }
    .theme-tp .btn.btn-secondary {
      background-color: #DDDDDD;
      color: #2E2E2E; }
    .theme-tp .btn.fixed-size {
      width: 85px; }
      .theme-tp .btn.fixed-size .material-icons {
        float: right;
        font-size: 20px; }
      .theme-tp .btn.fixed-size.btn-primary {
        margin-left: 7px; }
  .theme-tp button:active, .theme-tp button:focus, .theme-tp input[type="button"]:active, .theme-tp input[type="button"]:focus, .theme-tp input[type="submit"]:active, .theme-tp input[type="submit"]:focus, .theme-tp li:active, .theme-tp li:focus, .theme-tp td:active, .theme-tp td:focus {
    outline: none !important; }
  .theme-tp .input-group-TPaddon .fa.fa-star {
    color: #EB0027; }
  .theme-tp .alert-secondary {
    background-color: #DDDDDD;
    color: #2E2E2E;
    border-color: #DDDDDD; }
  .theme-tp .alert-success {
    background-color: #CEF3E5;
    color: #1B6C49;
    border-color: #CEF3E5; }
  .theme-tp .alert-info {
    background-color: #E4CCEA;
    color: #3E004E;
    border-color: #E4CCEA; }
  .theme-tp .alert-warning {
    background-color: #FFF7DA;
    color: #85732D;
    border-color: #FFF7DA; }
  .theme-tp .alert-danger {
    background-color: #FDC5CE;
    color: #47000C;
    border-color: #FDC5CE; }
  .theme-tp .alert-primary {
    background-color: #ECCCEA;
    color: #53004D;
    border-color: #ECCCEA; }
  .theme-tp .alert-theme {
    background-color: #E4CCEA;
    color: #3E004E;
    border: #E4CCEA; }
  .theme-tp .tpHighlightspan {
    background-color: #F7F7F7;
    color: #2e2e2e;
    border-color: #F7F7F7; }
  .theme-tp #AvailableQueuesChatListDiv .tpmain-box {
    padding-top: 0; }
  .theme-tp span[id^="tpTabcloseMain"] {
    color: #2e2e2e;
    background-color: transparent; }
  .theme-tp span[id^="tpTabcloseMain"]:hover {
    color: #EB0027;
    background-color: transparent; }
  .theme-tp #bar .user #bar_user .close a {
    color: #EB0027 !important; }
  .theme-tp #bar .user #bar_user .close a:hover {
    background-color: #EB0027 !important; }
  .theme-tp .badge-vertical-tab {
    background-color: #A00095 !important;
    color: white !important; }
  .theme-tp .tplimenuitemiclose:hover {
    color: #EB0027 !important; }
  .theme-tp .has-error .help-block, .theme-tp .has-error .control-label {
    color: #EB0027; }
  .theme-tp #tpMainTabs > li {
    background: #f7f7f7; }
  .theme-tp #tpMainTabs > li.active {
    color: black; }
  .theme-tp #tpMainTabs > li > a {
    color: black;
    border-top: 2px solid #e6e6e6; }
  .theme-tp #tpMainTabs > li > a:hover {
    border-top: 2px solid #e6e6e6;
    background-color: #f7f7f7;
    color: black; }
  .theme-tp #tpMainTabs > .nav-tabs > li > a {
    background-color: #f7f7f7; }
  .theme-tp #tpMainTabs > li.active > a {
    background-color: white;
    border-top: 2px solid #A00095;
    color: black; }
  .theme-tp #tpHeaderDiv {
    background-color: #F7F7F7; }
  .theme-tp #content-wrapper {
    background-color: #F7F7F7 !important;
    /*margin-left: 267px;*/ }
  .theme-tp #footer-bar {
    background-color: #F7F7F7 !important; }
  .theme-tp#Body[data-main-page="true"] {
    background-color: #F7F7F7 !important; }
  .theme-tp .TPClipboard {
    color: #A00095 !important; }
  .theme-tp #MasterBody_ReportsTable .btn {
    border: none !important; }
    .theme-tp #MasterBody_ReportsTable .btn.btn-light-blue {
      background: #F7F7F7;
      color: #2e2e2e;
      border: none; }
      .theme-tp #MasterBody_ReportsTable .btn.btn-light-blue .badge.badge-theme {
        background-color: #FFFFFF;
        color: #2e2e2e; }
  .theme-tp #MasterBody_ReportsTable .tpReportTableTitle {
    color: #A00095; }
  .theme-tp .tpstepwizardheader .badge {
    position: relative;
    top: -1px; }
  .theme-tp #ExpandCollapseButton {
    color: #2e2e2e !important; }
  .theme-tp #leftMenuContainer {
    background-color: #fff !important; }
  .theme-tp .tpCollapsiblePanel-primary {
    color: #2e2e2e;
    background-color: #F7F7F7; }
  .theme-tp #HelpDetailsDiv .alert.alert-info {
    background-color: white; }
  .theme-tp #icons-body .icon-item {
    color: #2e2e2e; }
    .theme-tp #icons-body .icon-item:hover {
      color: #A00095; }
    .theme-tp #icons-body .icon-item.selected {
      border-color: #A00095; }
  .theme-tp .conversation-wrapper .conversation-body {
    background: #F7F7F7; }
  .theme-tp .conversation-wrapper .conversation-body:before {
    top: 0;
    border-color: #F7F7F7 #F7F7F7 transparent transparent;
    left: -11px; }
  .theme-tp .conversation-wrapper .conversation-item.item-right .conversation-body:before {
    border-color: #73BDFF transparent transparent #73BDFF;
    right: -11px; }
  .theme-tp .conversation-wrapper .conversation-item.item-right .conversation-body.conversation-supervisor:before {
    border-color: #ffeb80 transparent transparent #ffeb80;
    right: -11px; }
  .theme-tp .conversation-wrapper .conversation-item.item-right .conversation-body {
    background: #73BDFF; }
  .theme-tp .conversation-wrapper .conversation-body > .time {
    bottom: 2px;
    right: 35px;
    top: initial;
    color: #2D2D2D; }
  .theme-tp .conversation-wrapper .conversation-body > .time:before {
    font-family: initial;
    content: "";
    margin-top: 0; }
  .theme-tp .conversation-wrapper .conversation-body .name > img {
    position: absolute;
    bottom: 4px;
    right: 10px; }
  .theme-tp .conversation-wrapper .conversation-body > .text {
    font-size: 1.23em;
    color: #2d2d2d; }
  .theme-tp .conversation-wrapper .conversation-item.item-left .conversation-body > .text a {
    color: #2d2d2d;
    text-decoration: underline !important; }
  .theme-tp .conversation-wrapper .conversation-item.item-right .conversation-body > .text a {
    color: #fff;
    text-decoration: underline !important; }
  .theme-tp #other-options-table #other-options-menu img {
    width: 25px;
    border: 1px solid #089BFF;
    padding: 2px;
    border-radius: 3px; }
  .theme-tp a {
    color: #A00095;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent; }
  .theme-tp a:hover, .theme-tp a:focus {
    color: #780096;
    text-decoration: none !important; }
  .theme-tp a:visited {
    text-decoration: none !important; }
  .theme-tp .form-control:focus {
    border-color: rgba(160, 0, 149, 0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(160, 0, 149, 0.6); }
  .theme-tp .dataTable thead th:hover {
    color: #780096; }
  .theme-tp .case-view-container {
    /*pending to check if is general or not*/
    /*this is for changing  caret for dropdowns*/
    /*end changing caret for dropdowns*/
    /*end pending*/ }
    .theme-tp .case-view-container .header .case-number {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 18px; }
    .theme-tp .case-view-container .header .customer-name {
      display: flex;
      align-items: center;
      padding-top: 5px; }
      .theme-tp .case-view-container .header .customer-name .CustomerNameTitle, .theme-tp .case-view-container .header .customer-name .CustomerName, .theme-tp .case-view-container .header .customer-name .TPClipboard {
        font-size: 15px;
        font-style: normal;
        margin-bottom: 5px; }
      .theme-tp .case-view-container .header .customer-name .material-icons {
        font-size: 20px;
        margin-left: 5px; }
    .theme-tp .case-view-container .side-menu ul {
      list-style: none;
      padding-left: 0; }
      .theme-tp .case-view-container .side-menu ul li {
        padding: 15px;
        color: #2E2E2E;
        font-size: 13px; }
        .theme-tp .case-view-container .side-menu ul li a {
          color: #2E2E2E; }
        .theme-tp .case-view-container .side-menu ul li:hover, .theme-tp .case-view-container .side-menu ul li.active {
          color: #A00095;
          cursor: pointer;
          border-left: 5px solid #A00095;
          font-weight: 600; }
          .theme-tp .case-view-container .side-menu ul li:hover a, .theme-tp .case-view-container .side-menu ul li.active a {
            color: #A00095; }
    .theme-tp .case-view-container .dropdown .dropdown-toggle .caret {
      width: 10px;
      height: 10px;
      border: none;
      font-family: 'FontAwesome';
      margin-left: 15px; }
    .theme-tp .case-view-container .dropdown .dropdown-toggle .caret:before {
      content: "\f107";
      position: absolute;
      top: 1px;
      font-size: 18px; }
    .theme-tp .case-view-container .dropdown-menu > li > a {
      padding-left: 5px;
      padding-right: 5px;
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none; }
      .theme-tp .case-view-container .dropdown-menu > li > a .icon-container {
        margin-right: 10px; }
        .theme-tp .case-view-container .dropdown-menu > li > a .icon-container span {
          font-size: 16px; }
    .theme-tp .case-view-container .navbar-default .navbar-nav > li > a {
      color: #2e2e2e;
      font-weight: 600;
      display: flex;
      align-items: center; }
    .theme-tp .case-view-container .navbar-default .navbar-collapse, .theme-tp .case-view-container .navbar-default .navbar-form, .theme-tp .case-view-container .navbar-default {
      background-color: white;
      background: white; }
    .theme-tp .case-view-container .navbar-default .navbar-nav > .open > a, .theme-tp .case-view-container .navbar-default .navbar-nav > .open > a:focus, .theme-tp .case-view-container .navbar-default .navbar-nav > .open > a:hover {
      background-color: white;
      background: white;
      color: #2e2e2e; }
    .theme-tp .case-view-container .navbar-default .navbar-nav > .active > a, .theme-tp .case-view-container .navbar-default .navbar-nav > .active > a:focus, .theme-tp .case-view-container .navbar-default .navbar-nav > .active > a:hover {
      color: #2e2e2e;
      background-color: white;
      border-bottom: 3px solid #A00095; }
    .theme-tp .case-view-container .dropdown-menu > .active > a, .theme-tp .case-view-container .dropdown-menu > .active > a:hover, .theme-tp .case-view-container .dropdown-menu > .active > a:focus {
      color: white;
      background-color: #A00095; }
    .theme-tp .case-view-container .dropdown-menu > li > a:hover, .theme-tp .case-view-container .theme-tp .dropdown-menu > li > a:focus {
      color: white;
      background-color: #A00095; }
  .theme-tp #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-tp #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: white !important; }
  .theme-tp .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
    border: none !important; }
  .theme-tp .new-title {
    font-size: 18px;
    font-weight: 900;
    color: #2e2e2e; }
  .theme-tp .n-p-l {
    padding-left: 0; }
  .theme-tp .m-t-5 {
    margin-top: 5px; }
  .theme-tp #sidebar-nav .nav li .submenu > li > a {
    transition: none; }
  .theme-tp .font-color-primary, .theme-tp .text-primary {
    color: #A00095; }
  .theme-tp .background-color-primary {
    background-color: #A00095; }
  .theme-tp .dropdown > a > .icon-container {
    margin-right: 10px; }
    .theme-tp .dropdown > a > .icon-container .material-icons {
      font-size: 16px; }
  .theme-tp .input-group-TPaddon {
    color: #EB0027; }
  .theme-tp .TPFieldRequired {
    color: #EB0027; }
  .theme-tp .fs-28 {
    font-size: 28px !important; }
  .theme-tp .fs-26 {
    font-size: 26px !important; }
  .theme-tp .fs-24 {
    font-size: 24px !important; }
  .theme-tp .fs-22 {
    font-size: 22px !important; }
  .theme-tp .fs-20 {
    font-size: 20px !important; }
  .theme-tp .fs-18 {
    font-size: 18px !important; }
  .theme-tp .fs-17 {
    font-size: 17px !important; }
  .theme-tp .fs-16 {
    font-size: 16px !important; }
  .theme-tp .fs-15 {
    font-size: 15px !important; }
  .theme-tp .trash-icon {
    color: #EB0027; }
  .theme-tp .nav.nav-pills > li {
    background-color: white !important;
    border-radius: 0; }
    .theme-tp .nav.nav-pills > li a, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] {
      background-color: white !important;
      color: #2e2e2e !important; }
      .theme-tp .nav.nav-pills > li a i, .theme-tp .nav.nav-pills > li a span:not(.badge), .theme-tp .nav.nav-pills > li a span:not(.fa.fa-square), .theme-tp .nav.nav-pills > li a div, .theme-tp .nav.nav-pills > li a div[data-toggle="popover"], .theme-tp .nav.nav-pills > li a div[data-toggle="popover"] i, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] i, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge), .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square), .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"], .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-tp .nav.nav-pills > li a i:hover, .theme-tp .nav.nav-pills > li a span:not(.badge):hover, .theme-tp .nav.nav-pills > li a span:not(.fa.fa-square):hover, .theme-tp .nav.nav-pills > li a div:hover, .theme-tp .nav.nav-pills > li a div[data-toggle="popover"]:hover, .theme-tp .nav.nav-pills > li a div[data-toggle="popover"] i:hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] i:hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge):hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square):hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div:hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"]:hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i:hover {
          color: #2e2e2e !important; }
      .theme-tp .nav.nav-pills > li a:hover, .theme-tp .nav.nav-pills > li a[data-toggle="dropdown"]:hover {
        background-color: white !important;
        color: #2e2e2e !important; }
    .theme-tp .nav.nav-pills > li.active {
      background-color: white !important;
      color: #2e2e2e !important;
      border-bottom: 4px solid #A00095; }
      .theme-tp .nav.nav-pills > li.active a {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-tp .nav.nav-pills > li.active a i, .theme-tp .nav.nav-pills > li.active a span:not(.badge), .theme-tp .nav.nav-pills > li.active a div {
          background-color: white !important;
          color: #2e2e2e !important; }
          .theme-tp .nav.nav-pills > li.active a i:hover, .theme-tp .nav.nav-pills > li.active a span:not(.badge):hover, .theme-tp .nav.nav-pills > li.active a div:hover {
            color: #2e2e2e !important; }
      .theme-tp .nav.nav-pills > li.active ul > li.active {
        background-color: #A00095 !important;
        color: white !important; }
        .theme-tp .nav.nav-pills > li.active ul > li.active a {
          background-color: #A00095 !important;
          color: white !important; }
          .theme-tp .nav.nav-pills > li.active ul > li.active a i, .theme-tp .nav.nav-pills > li.active ul > li.active a span:not(.badge) {
            background-color: #A00095 !important;
            color: white !important; }
      .theme-tp .nav.nav-pills > li.active ul > li:hover {
        background-color: #A00095 !important;
        color: white !important; }
    .theme-tp .nav.nav-pills > li ul > li:hover {
      background-color: #A00095 !important;
      color: white !important; }
      .theme-tp .nav.nav-pills > li ul > li:hover a {
        background-color: #A00095 !important;
        color: white !important; }
        .theme-tp .nav.nav-pills > li ul > li:hover a span.fa.fa-square {
          background-color: initial !important; }
    .theme-tp .nav.nav-pills > li ul > li a {
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none;
      align-items: center; }
      .theme-tp .nav.nav-pills > li ul > li a > i, .theme-tp .nav.nav-pills > li ul > li a > span, .theme-tp .nav.nav-pills > li ul > li a > div {
        margin: 0;
        display: block;
        position: initial; }
      .theme-tp .nav.nav-pills > li ul > li a:hover {
        background-color: #A00095 !important;
        color: white !important; }
        .theme-tp .nav.nav-pills > li ul > li a:hover i, .theme-tp .nav.nav-pills > li ul > li a:hover span:not(.badge), .theme-tp .nav.nav-pills > li ul > li a:hover div {
          background-color: #A00095 !important;
          color: white !important; }
          .theme-tp .nav.nav-pills > li ul > li a:hover i:hover, .theme-tp .nav.nav-pills > li ul > li a:hover span:not(.badge):hover, .theme-tp .nav.nav-pills > li ul > li a:hover div:hover {
            background-color: #A00095 !important;
            color: white !important; }
    .theme-tp .nav.nav-pills > li ul > li:not([id^="palette"]) {
      color: initial !important; }
  .theme-tp .text-neutral {
    color: #2e2e2e !important; }
  .theme-tp .text-neutral-with-hover {
    color: #2e2e2e !important; }
    .theme-tp .text-neutral-with-hover:hover {
      color: #A00095 !important; }
  .theme-tp .text-white {
    color: white !important; }
  .theme-tp .far-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #8BE4BF;
    color: #2D2D2D; }
  .theme-tp .near-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #FF6F00;
    color: white; }
  .theme-tp .expired {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #EB0027;
    color: white; }
  .theme-tp .lag {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #DDDDDD;
    color: #2D2D2D; }
  .theme-tp .arrow-left-swipe {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px; }
  .theme-tp .view-mode select[disabled="disabled"], .theme-tp .view-mode select:disabled, .theme-tp .view-mode select option:disabled, .theme-tp .view-mode input, .theme-tp .view-mode textarea {
    background-color: white !important;
    color: #2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none !important; }
  .theme-tp .view-mode select::-ms-expand {
    display: none; }
  .theme-tp .view-mode .input-group-addon {
    display: none; }
  .theme-tp .view-mode .control-label.tpNavyColor {
    font-weight: 600; }
  .theme-tp .view-mode .control-label {
    padding-top: 0 !important; }
  .theme-tp .view-mode .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .theme-tp .view-mode .addaControlPpal.form-group.tpValidateGroup {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important; }
    .theme-tp .view-mode .addaControlPpal.form-group.tpValidateGroup .text-right {
      text-align: left; }
  .theme-tp .view-mode #FormDesignerMainDiv .row {
    margin-bottom: 0 !important; }
  .theme-tp .view-mode [id*="MasterBody_tdRenderLabel_"] {
    width: 41.66666667% !important; }
  .theme-tp .view-mode [id*="MasterBody_tdRenderControl_"] {
    width: 58.33333333% !important; }
  .theme-tp .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .theme-tp .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #A00095;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #A00095 transparent transparent transparent; }
      .theme-tp .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .theme-tp .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .theme-tp .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .theme-tp .text-primary {
    color: #A00095; }
  .theme-tp .text-secondary {
    color: #780096; }
  .theme-tp .text-success {
    color: #33CF8D; }
  .theme-tp .text-danger {
    color: #EB0027; }
  .theme-tp .text-warning {
    color: #FFC502; }
  .theme-tp .text-info {
    color: #3047B0; }
  .theme-tp .text-dark {
    color: #2e2e2e; }
  .theme-tp .text-white {
    color: white; }
  .theme-tp .text-neutral {
    color: #2e2e2e; }
  .theme-tp .sweet-alert .sa-icon.sa-warning {
    border-color: #FFC502; }
  .theme-tp .sweet-alert .sa-icon.sa-warning .sa-body {
    background-color: #FFC502; }
  .theme-tp .sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #FFC502; }

@keyframes pulseWarning {
  0% {
    border-color: #FFC502; }
  100% {
    border-color: #FFC502; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #FFC502; }
  100% {
    background-color: #FFC502; } }
  .theme-tp .sa-button-container .sa-confirm-button-container .confirm {
    background-color: #A00095 !important;
    color: white !important; }
  .theme-tp .sa-button-container .cancel {
    background-color: #EB0027 !important;
    color: white !important; }
  .theme-tp .contact-support-spellcheck-icons {
    font-size: 30px;
    color: #A00095; }
  .theme-tp .badge {
    border-radius: 0; }
  .theme-tp [data-toggle="pill"] .badge-primary {
    background-color: #e6e6e6 !important;
    color: #2e2e2e !important; }
  .theme-tp .title-collapse-expand {
    cursor: pointer; }
  @media (min-width: 992px) {
    .theme-tp .nav-small #nav-col #sidebar-nav .nav > li > a > span.material-icons {
      display: block; } }
  .theme-tp .toolbar-collapse-icon {
    float: right;
    margin: -1px;
    padding-right: 5px; }
  .theme-tp .toolbar-collapse-title {
    background-color: #f1f1f1f1;
    border-radius: 3px;
    padding: 5px; }
  .theme-tp .new-chat-ui .nav-pills > li.active > a, .theme-tp .nav-pills > li.active > a:hover, .theme-tp .nav-pills > li.active > a:focus, .theme-tp #sidebar-nav .nav-pills > li.active > a, .theme-tp #sidebar-nav .nav-pills > li.active > a:hover, .theme-tp #sidebar-nav .nav-pills > li.active > a:focus, .theme-tp .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: white;
    border-left: 4px solid #A00095;
    color: #A00095; }
  .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:hover, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:focus, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:hover, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:focus, .theme-tp .new-chat-ui #chat-utilities #chat-utilities-container .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left-color: transparent !important; }
  .theme-tp .btn-white-with-border svg path {
    fill: #A00095 !important; }
  .theme-tp .nav-pills > li.active > a, .theme-tp .theme-tp .nav-pills > li.active > a:hover, .theme-tp .theme-tp .nav-pills > li.active > a:focus, .theme-tp .theme-tp #sidebar-nav .nav-pills > li.active > a, .theme-tp .theme-tp #sidebar-nav .nav-pills > li.active > a:hover, .theme-tp .theme-tp #sidebar-nav .nav-pills > li.active > a:focus, .theme-tp .theme-tp .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left: none !important; }

/*@import 'tp-theme-dark-blue.scss';*/
.theme-blue {
  /*left menu*/
  /*#sidebar-nav .nav > li {
    background-color: $menu-background-color;
}*/
  /*end left menu*/
  /*right menu*/
  /*end right menu*/
  /*wizards*/
  /*.wizard .wizard-inner ul li.active {*/
  /*}*/
  /*end wizards*/
  /*badges*/
  /*end badges*/
  /*Custom modals*/
  /*end custom modals*/
  /*accordions*/
  /*end accordions*/
  /*kb search result tables*/
  /*end kb serach result tables*/
  /*loading tp*/
  /*.tdLoadingContainer {*/
  /*}*/
  /*end loading tp*/
  /*Simulations colors*/
  /*End simulations*/
  /*Datatables*/
  /*End datatables*/
  /*Dashboards*/
  /*End Dashboards*/
  /*Radiobutton*/
  /*End RadioButton*/
  /*Images changed by fonts*/
  /*End images changed by fonts*/
  /*scripts*/
  /*end scripts*/
  /*line on reports*/
  /**/
  /*ABINVEB*/
  /*radios and checkboxes*/
  /*end radios and checkboxes*/
  /*Start Button*/
  /*End Buttons*/
  /*span[id^="tpTabcloseMain"]:hover {
    color: $tp-red-color;
}*/
  /*Tabs change*/
  /*tabs*/
  /*end tabs*/
  /*Full Page Background color */
  /*#nav-col {
    width: 267px;
}*/
  /*End Full page background color*/
  /*#error-page-body {
    color: $tp-color-primary-theme;
}*/
  /*Links*/
  /*End links*/
  /*pills*/
  /*end pills*/ }
  .theme-blue #nav-col,
  .theme-blue #page-wrapper {
    background-color: #fff; }
  .theme-blue #col-left {
    height: calc(100% - 46px); }
  .theme-blue #dropMenuProfile > li button#save-theme-preferences-button {
    color: #2071D9; }
  .theme-blue #sidebar-nav .nav > li {
    background-color: #fff; }
  .theme-blue #sidebar-nav .nav li .submenu {
    background-color: #fff; }
  .theme-blue #sidebar-nav .nav > li > a {
    color: #2e2e2e; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-blue #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: #fff; }
  .theme-blue #sidebar-nav .nav .open > a:hover {
    color: #fff; }
  .theme-blue #sidebar-nav .nav li .submenu:hover {
    /*background-color: $menu-background-color-hover;*/ }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > a,
  .theme-blue #sidebar-nav .nav > .active > .submenu > li > a {
    border-bottom-color: transparent !important; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > a:hover,
  .theme-blue #sidebar-nav .nav > .active > .submenu > li > a:hover {
    background-color: #2071D9 !important;
    /* margin-left: 10px;
    margin-right: 20px;*/ }
  .theme-blue #sidebar-nav .nav li .submenu > li > a {
    color: #2e2e2e; }
  .theme-blue #sidebar-nav .nav li .submenu > li > a:hover,
  .theme-blue #sidebar-nav .nav li .submenu > li > a.active,
  .theme-blue #sidebar-nav .nav li .submenu > li.active > a {
    background-color: #fff; }
  .theme-blue #sidebar-nav .nav > li > a:hover, .theme-blue #sidebar-nav .nav .open > a:hover {
    color: #2e2e2e; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > .submenu,
  .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu {
    background-color: #2071D9; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > .open > a,
  .theme-blue #sidebar-nav .nav > .active > .submenu > .open > a,
  .theme-blue #sidebar-nav .nav > .active > .submenu > .active > a {
    border-bottom-color: transparent;
    box-shadow: 0 -1px 0 transparent inset; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover,
  .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover,
  .theme-blue #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {
    color: #2071D9;
    background-color: #2071D9 !important; }
  .theme-blue #sidebar-nav .nav > li.open {
    background-color: #fff; }
  .theme-blue #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {
    color: #2e2e2e;
    font-size: 18px; }
    .theme-blue #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon:before {
      content: "\f105" !important; }
  .theme-blue #sidebar-nav .nav > li > a:hover {
    background-color: #fff;
    border-left-color: #2071D9;
    border-right-color: #2071D9;
    color: #2e2e2e; }
  .theme-blue .c-menu {
    background-color: #fff; }
  .theme-blue .c-menu--slide-right .nav.nav-pills.nav-stacked > li > a {
    color: #2e2e2e;
    border-bottom: 1px solid transparent; }
  .theme-blue .c_menu__item_group {
    background-color: #fff;
    color: #2e2e2e; }
  .theme-blue #rightMenuUlToastCenterDiv {
    color: #2e2e2e; }
  .theme-blue tr.toast-header {
    background-color: #fff; }
  .theme-blue .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :hover {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #3047B0; }
  .theme-blue .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :focus {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #3047B0; }
  .theme-blue .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) a :hover,
  .theme-blue .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) i :hover {
    background-color: #fff;
    color: #2e2e2e;
    border: 0; }
  .theme-blue #tpMainTabs > li.active > a {
    border-top-color: #2071D9; }
  .theme-blue #tpMainTabs > li:not(.active) > a:hover {
    border-top-color: #e6e6e6; }
  .theme-blue .tpclientItemMenuActiveAdmin {
    border-left-color: #2071D9; }
  .theme-blue .tpReportTableCommentsFilter {
    color: #2071D9; }
  .theme-blue .CaseNumberTitle {
    color: #2071D9 !important; }
  .theme-blue .tpTabTitleSwal {
    color: #3047B0; }
  .theme-blue .wizard .wizard-inner ul li.active .chevron:before {
    border-left: 14px solid #d9ebf7; }
  .theme-blue .wizard .wizard-inner {
    /*background-color: $wizard-background;*/
    /*border: 1px solid $wizard-border-color;*/
    background-color: initial;
    border: none; }
    .theme-blue .wizard .wizard-inner ul li {
      /*background-color: $wizard-step-background;
                color: $wizard-step-color;*/
      background-color: white;
      color: #989898; }
      .theme-blue .wizard .wizard-inner ul li:first-child {
        border-radius: 0; }
      .theme-blue .wizard .wizard-inner ul li .badge.badge-primary {
        padding: 14px;
        border: 1px solid #989898;
        color: #989898;
        background-color: white !important;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .theme-blue .wizard .wizard-inner ul li .chevron {
        display: none;
        /*border-left-color: $wizard-border-color;*/
        /*&:before {
                        border-left-color: $wizard-step-background;
                   
                } */ }
      .theme-blue .wizard .wizard-inner ul li .liHelpButton {
        background-color: white !important; }
      .theme-blue .wizard .wizard-inner ul li.active {
        /*background-color: $wizard-step-active-background;
                    color: $wizard-step-active-color;*/
        background-color: white;
        color: #2e2e2e;
        font-weight: 600; }
        .theme-blue .wizard .wizard-inner ul li.active .chevron {
          /*border-left-color: $wizard-step-active-background;

                        &:before {
                            border-left-color: $wizard-step-active-background;
                        }*/ }
        .theme-blue .wizard .wizard-inner ul li.active .badge, .theme-blue .wizard .wizard-inner ul li.active .badge:hover {
          /*background-color: $wizard-badge-background !important;
                    color: $wizard-badge-color !important;*/
          background-color: white !important;
          color: #2071D9 !important;
          border-color: #2071D9;
          font-weight: 900; }
  .theme-blue .badge.badge-primary,
  .theme-blue .badge.badge-primary:hover {
    background-color: #2071D9 !important; }
  .theme-blue .active > .badge.badge-primary, .theme-blue .active > .badge.badge-primary:hover {
    background-color: white !important;
    color: #3047B0 !important; }
  .theme-blue .badge.badge-theme {
    background-color: #3047B0; }
  .theme-blue .badge.badge-gray {
    background-color: #e6e6e6;
    color: #2e2e2e; }
  .theme-blue .badge.badge-warning {
    background-color: #FFF7DA;
    color: #85732D; }
  .theme-blue .badge.badge-danger {
    background-color: #FDC5CE;
    color: #47000C; }
  .theme-blue .badge.badge-success {
    background-color: #CEF3E5;
    color: #1B6C49; }
  .theme-blue .label-primary, .theme-blue .fc-event.label-primary {
    background-color: #2071D9; }
  .theme-blue .modal-header {
    background-color: #F7F7F7;
    color: #2e2e2e; }
    .theme-blue .modal-header .close {
      color: #2e2e2e !important; }
  .theme-blue .panel-heading .panel-title a {
    color: white; }
  .theme-blue .panel-group .panel .panel-heading:hover {
    background-color: #3047B0;
    border-color: #3047B0; }
  .theme-blue table.kb-results-table > tbody > tr.selected {
    background-color: #2071D9 !important; }
  .theme-blue table.kb-results-table > tbody > tr:hover {
    background-color: #2071D9 !important; }
  .theme-blue .title-box-kb {
    background-color: #2071D9; }
  .theme-blue .tpLoadingTP .st0 {
    fill: #2071D9; }
  .theme-blue .progress .progress-bar {
    background-color: #2071D9; }
  .theme-blue .clsStep [id^='titleDiv-'] {
    color: #3047B0; }
  .theme-blue .clsStep:last-child {
    background-color: #d9ebf7;
    border-left: 4px solid #2071D9; }
  .theme-blue .clsStep {
    background-color: #d9ebf7; }
  .theme-blue .tpNavyColorToolbarDT {
    color: #3047B0 !important; }
  .theme-blue .dataTables_wrapper {
    background-color: white !important;
    border: none !important; }
  .theme-blue .dataTable {
    border: none; }
  .theme-blue .dataTable > tbody > tr > td,
  .theme-blue .dataTable > tbody > tr > th,
  .theme-blue .dataTable > tfoot > tr > td,
  .theme-blue .dataTable > tfoot > tr > th,
  .theme-blue .dataTable > thead > tr > td,
  .theme-blue .dataTable > thead > tr > th {
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    /*change for variable*/ }
  .theme-blue .dataTable tr.odd {
    background-color: white !important; }
  .theme-blue .dataTable tr.even {
    background-color: #F7F7F7 !important; }
  .theme-blue .dataTable tbody tr:hover {
    background-color: #DDDDDD !important; }
  .theme-blue .dataTables_wrapper > .row {
    background-color: #f7f7f7 !important; }
  .theme-blue .dataTable thead {
    background-color: #f7f7f7 !important; }
  .theme-blue .dataTables_wrapper .btn.btn-white {
    background-color: transparent; }
    .theme-blue .dataTables_wrapper .btn.btn-white:hover, .theme-blue .dataTables_wrapper .btn.btn-white:active, .theme-blue .dataTables_wrapper .btn.btn-white:focus {
      background-color: transparent;
      box-shadow: none !important; }
  .theme-blue table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-blue table.dataTable thead .sorting_asc:after {
    opacity: 1;
    content: "\e253";
    position: initial;
    float: right; }
  .theme-blue table.dataTable thead .sorting_desc:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-blue table.dataTable thead tr th {
    padding: 15px !important;
    font-weight: 900;
    color: #2E2E2E; }
  .theme-blue td a {
    font-weight: 900; }
  .theme-blue .clsMergeINJ > button > i {
    color: #2071D9 !important; }
  .theme-blue div#tpViewDataTable_paginate .pagination .paginate_button a {
    color: #2071D9; }
  .theme-blue .pagination > .active > a, .theme-blue .pagination > .active > span, .theme-blue .pagination > .active > a:hover, .theme-blue .pagination > .active > span:hover, .theme-blue .pagination > .active > a:focus, .theme-blue .pagination > .active > span:focus {
    background-color: #2071D9;
    border-color: #2071D9;
    color: white !important; }
  .theme-blue .table-kpi table.pvtTable tr td {
    color: #2071D9; }
  .theme-blue .tile.selected {
    border-color: #2071D9 !important; }
  .theme-blue .tile .title {
    border-bottom-color: #2071D9 !important; }
  .theme-blue .items ul li:hover, .theme-blue .items ul li.added {
    border-left-color: #2071D9 !important; }
  .theme-blue .items ul li.selected {
    border-color: #2071D9 !important; }
  .theme-blue .radio.green input[type=radio] + label:before,
  .theme-blue .radio.green input[type=radio]:checked + label:before,
  .theme-blue .radio.green input[type=radio]:hover + label:before {
    border: 2px solid green; }
  .theme-blue .radio.green label:after {
    background-color: green;
    border: 2px solid green; }
  .theme-blue .radio.yellow input[type=radio] + label:before,
  .theme-blue .radio.yellow input[type=radio]:checked + label:before,
  .theme-blue .radio.yellow input[type=radio]:hover + label:before {
    border: 2px solid orange; }
  .theme-blue .radio.yellow label:after {
    background-color: orange;
    border: 2px solid orange; }
  .theme-blue .radio.red input[type=radio] + label:before,
  .theme-blue .radio.red input[type=radio]:checked + label:before,
  .theme-blue .radio.red input[type=radio]:hover + label:before {
    border: 2px solid red; }
  .theme-blue .radio.red label:after {
    background-color: red;
    border: 2px solid red; }
  .theme-blue .icon-tp {
    background-color: #2071D9;
    color: white; }
  .theme-blue .ActiveQuestionScript {
    background-color: #dff4ff;
    border-left-color: #2071D9; }
  .theme-blue .alert-default {
    border-color: #2071D9; }
  .theme-blue .status.circle {
    width: 25px;
    height: 25px;
    background-color: orange;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto; }
    .theme-blue .status.circle.yellow {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-blue .status.circle.red {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-blue .status.circle.green {
      background-color: darkgreen;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, green, darkgreen);
      background-image: radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%); }
    .theme-blue .status.circle.gray {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-blue .status.circle.PE {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-blue .status.circle.PR {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-blue .status.circle.CL {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, black, #4b7896);
      background-image: radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%); }
    .theme-blue .status.circle.WH {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-blue .status.circle.AP {
      background-color: green;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, darkgreen, #65d065);
      background-image: radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%); }
    .theme-blue .status.circle.RE {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-blue .status.circle.CA {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, #2980b9, black);
      background-image: radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%); }
    .theme-blue .status.circle span {
      position: absolute;
      color: white;
      top: 3PX;
      left: 4PX; }
  .theme-blue .timeline ul {
    padding: 1em 0 0 0.5em;
    margin: 0;
    list-style: none;
    position: relative; }
    .theme-blue .timeline ul::before {
      content: ' ';
      height: 100%;
      width: 1px;
      background-color: #d9d9d9;
      position: absolute;
      top: 0;
      left: 1em;
      z-index: -1; }
    .theme-blue .timeline ul li {
      cursor: pointer; }
      .theme-blue .timeline ul li:hover, .theme-blue .timeline ul li.selected {
        background-color: #eef2f5; }
  .theme-blue .timeline li div {
    display: inline-block;
    margin: 1em 0;
    vertical-align: top; }
  .theme-blue .timeline .bullet {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: white;
    z-index: 1;
    margin-right: 1em; }
    .theme-blue .timeline .bullet.red {
      border: 2px solid red; }
    .theme-blue .timeline .bullet.green {
      border: 2px solid green; }
    .theme-blue .timeline .bullet.orange {
      border: 2px solid orange; }
  .theme-blue .timeline .time {
    width: 20%;
    font-size: 0.75em;
    padding-top: 0.25em; }
    .theme-blue .timeline .time span {
      width: 100%;
      display: inline-block; }
  .theme-blue .timeline .desc {
    width: 65%; }
    .theme-blue .timeline .desc .text {
      width: 90%;
      display: inline-block; }
    .theme-blue .timeline .desc .icon {
      display: inline;
      /* width: 10%; */
      float: right; }
  .theme-blue .timeline h3 {
    font-size: 0.9em;
    font-weight: 400;
    margin: 0; }
  .theme-blue .timeline h4 {
    margin: 0;
    font-size: 0.7em;
    font-weight: 400;
    color: #808080; }
  .theme-blue .timeline .people .icon-img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .theme-blue .timeline .icon-channel {
    font-size: 23px;
    float: right;
    margin-right: 3px; }
  .theme-blue .title-history {
    font-weight: 600; }
    .theme-blue .title-history.red {
      color: red; }
    .theme-blue .title-history.green {
      color: green !important; }
    .theme-blue .title-history.orange {
      color: orange; }
  .theme-blue .tpobchat #chatbox {
    width: 290px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 484px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -155px; }
  .theme-blue .tpobchat #friendslist {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 484px; }
  .theme-blue .tpobchat #topmenu {
    height: 69px;
    width: 290px;
    border-bottom: 1px solid #d8dfe3; }
  .theme-blue .tpobchat #topmenu span {
    float: left;
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat; }
  .theme-blue .tpobchat #topmenu span.friends {
    margin-bottom: -1px; }
  .theme-blue .tpobchat #topmenu span.chats {
    background-position: -95px 25px;
    cursor: pointer; }
  .theme-blue .tpobchat #topmenu span.chats:hover {
    background-position: -95px -46px;
    cursor: pointer; }
  .theme-blue .tpobchat #topmenu span.history {
    background-position: -190px 24px;
    cursor: pointer; }
  .theme-blue .tpobchat #topmenu span.history:hover {
    background-position: -190px -47px;
    cursor: pointer; }
  .theme-blue .tpobchat .floatingImg {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 3px solid #fff; }
  .theme-blue .tpobchat #chatview {
    width: 290px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff; }
  .theme-blue .tpobchat #chat-messages {
    opacity: 0;
    padding-top: 5px;
    font-size: 12px;
    margin-top: 30px;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    padding-right: 20px;
    -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1); }
  .theme-blue .tpobchat #chat-messages.animate {
    opacity: 1;
    margin-top: 0; }
  .theme-blue .tpobchat #chat-messages label {
    color: #aab8c2;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin: 15px 0;
    width: 290px;
    display: block; }
  .theme-blue .tpobchat #chat-messages div.message {
    padding: 0 0 30px 58px;
    clear: both;
    /*margin-bottom: 45px;*/ }
  .theme-blue .tpobchat #chat-messages div.message.right {
    padding: 0 30px 20px 0;
    margin-right: -19px;
    margin-left: 19px;
    margin-top: 5px; }
  .theme-blue .tpobchat #chat-messages .message .icon-chat {
    float: left;
    margin-left: -38px;
    border-radius: 50%;
    width: 30px;
    margin-top: 12px; }
  .theme-blue .tpobchat #chat-messages div.message.right .icon-chat {
    float: right;
    margin-left: 0;
    margin-right: -38px; }
  .theme-blue .tpobchat .message .bubble {
    background: #f0f4f7;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 6px;
    border-radius: 5px 5px 5px 0px;
    color: #8495a3;
    position: relative;
    float: left;
    min-width: 200px; }
  .theme-blue .tpobchat #chat-messages div.message.right .bubble {
    float: right;
    border-radius: 5px 5px 0px 5px;
    background: #e9f6ff; }
  .theme-blue .tpobchat .bubble .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -5px;
    bottom: 0; }
  .theme-blue .tpobchat div.message.right .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left: auto;
    right: -5px; }
  .theme-blue .tpobchat .bubble span {
    color: #aab8c2;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -22px; }
  .theme-blue #channelList {
    margin-top: 5px; }
    .theme-blue #channelList .channel-icon {
      cursor: pointer;
      font-size: 25px;
      margin-right: 10px;
      position: relative;
      color: #cbcbcb; }
      .theme-blue #channelList .channel-icon .badge {
        font-size: 8px;
        position: absolute;
        right: -9px;
        top: -6px; }
      .theme-blue #channelList .channel-icon.selected, .theme-blue #channelList .channel-icon:hover {
        color: #5a5a5a;
        border-bottom: 3px solid #5a5a5a;
        padding-bottom: 1px;
        opacity: 1; }
  .theme-blue #information-container {
    /* for the animation */
    transition: margin 0.3s ease;
    padding-right: 15px; }
  .theme-blue .send-message-button-ob {
    padding: 5px; }
    .theme-blue .send-message-button-ob i {
      font-size: 18px; }
  .theme-blue .clock-div {
    display: inline-block;
    margin-top: 8px; }
    .theme-blue .clock-div .title {
      font-weight: 500; }
    .theme-blue .clock-div .clock {
      font-weight: 900;
      font-size: 16px; }
    .theme-blue .clock-div.clock-auto-close {
      color: red;
      margin-right: 10px; }
    .theme-blue .clock-div.clock-time-to-answer {
      color: black; }
  .theme-blue .icon-tabv {
    right: 3px;
    top: 3px; }
  .theme-blue #menuTabs #menuList li {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #E1E1E1; }
  .theme-blue .tpclientItemMenuInactiveAdmin {
    background-color: white;
    border-left-color: transparent; }
  .theme-blue .tplimenuitemi {
    max-width: 100%; }
  .theme-blue .tpclientItemMenuActiveAdminI {
    background-color: #F7F7F7; }
  .theme-blue .tplimenuitem.tpclientItemMenuActiveAdmin {
    background-color: #F7F7F7; }
  .theme-blue .tpclientItemMenuInactiveAdminI {
    background-color: white; }
    .theme-blue .tpclientItemMenuInactiveAdminI.fa-home {
      border-bottom: none; }
  .theme-blue .menuTabs {
    background-color: white;
    border: 1px solid #E1E1E1; }
  .theme-blue .mce-tinymce {
    box-shadow: none !important; }
  .theme-blue .tp-lights {
    /*animation-duration: 1s;
    animation-iteration-count: infinite;*/ }
    .theme-blue .tp-lights.red {
      /*animation-name: semaphore-red;
        text-shadow: 0px 0px 6px #610a0a;*/ }
    .theme-blue .tp-lights.yellow {
      /*animation-name: semaphore-yellow;
        text-shadow: 0px 0px 6px #613a0a;*/ }
    .theme-blue .tp-lights.green {
      /*animation-name: semaphore-green;
        text-shadow: 0px 0px 6px #16610a;*/ }

@keyframes semaphore-red {
  from {
    color: #7d2a20; }
  to {
    color: red; } }

@keyframes semaphore-green {
  from {
    color: #065503; }
  to {
    color: green; } }

@keyframes semaphore-yellow {
  from {
    color: #7d6120; }
  to {
    color: orange; } }
  .theme-blue .table-days-hour-preferred-ob td {
    padding: 5px; }
  .theme-blue .table-days-hour-preferred-ob input {
    min-width: 80px; }
  .theme-blue .color-primary {
    color: #2071D9; }
  .theme-blue .btn-upload {
    background-color: #2071D9;
    color: white; }
  .theme-blue .upload-yellow {
    color: #fff;
    background-color: #3047B0;
    font-weight: 700;
    font-size: 12px;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 6px;
    border: none; }
    .theme-blue .upload-yellow .fa {
      font-size: 32px; }
  .theme-blue #inneroverlayTPClient {
    border-color: #2071D9; }
  .theme-blue #LoadingLabel {
    color: #2e2e2e; }
  .theme-blue .dropdown-menu > li > a:hover, .theme-blue .dropdown-menu > li > a:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-blue .mce-menu-item.mce-selected {
    background-color: #d9ebf7;
    color: black; }
  .theme-blue .mce-menu-item:hover, .theme-blue .mce-menu-item:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-blue .mce-btn.mce-active, .theme-blue .mce-btn.mce-active:hover, .theme-blue .mce-btn.mce-active:focus, .theme-blue .mce-btn.mce-active:active {
    background-color: #2071D9; }
  .theme-blue .mce-menu-item.mce-active.mce-menu-item-normal {
    background-color: #2071D9; }
  .theme-blue #div-logo-tenant {
    padding: 10px; }
    .theme-blue #div-logo-tenant > img {
      width: 180px !important;
      background-color: white;
      margin: 0 auto;
      margin-top: 10px;
      border-radius: 10px;
      border-radius: 10px !important; }
  .theme-blue ::selection {
    background: #2071D9;
    color: #fff; }
  .theme-blue .radio input[type=radio]:checked + label:before, .theme-blue .radio input[type=radio]:hover + label:before {
    border: 1px solid #2071D9; }
  .theme-blue .radio label:after {
    background-color: #2071D9;
    border: 1px solid #2071D9; }
  .theme-blue .checkbox-nice label:before {
    border-color: #2071D9;
    background-color: #2071D9; }
  .theme-blue .checkbox-nice label:after {
    border-color: white; }
  .theme-blue .checkbox-nice input[type=checkbox]:not(:checked) + label:before {
    background-color: white; }
  .theme-blue .checkbox-nice input[type=checkbox][disabled] + label:before {
    background-color: #c5c5c5;
    border: 1px solid #c1c1c1; }
  .theme-blue #tpMainContainerTabs #tpMainTabs > li img {
    display: none; }
  .theme-blue .ui-autocomplete .ui-state-focus {
    border: 0px !important;
    background: #ffe6ef !important;
    color: black !important; }
  .theme-blue .clsMergeINJ {
    float: left;
    /*  > button > i.tpNavyColorToolbarDT:hover {
        color: black !important;
    }*/
    /*> button > i.tpNavyColorToolbarDT {
        color: #595657 !important;
    }*/
    /*> button > i:hover {
        color: black !important;
    }*/ }
    .theme-blue .clsMergeINJ > button {
      background-color: transparent !important;
      border: none !important;
      margin-left: 0 !important;
      padding-right: 0 !important; }
    .theme-blue .clsMergeINJ > button > i {
      /*color: #595657 !important;*/ }
      .theme-blue .clsMergeINJ > button > i.tpExportToExcelCheckBox {
        font-size: 1.1em !important; }
  .theme-blue .tpExportToExcelCheckBox {
    color: #2071D9 !important; }
  .theme-blue .btn {
    border: none !important; }
    .theme-blue .btn.btn-light-blue {
      background: #2071D9;
      color: white;
      border: none; }
      .theme-blue .btn.btn-light-blue .badge.badge-theme {
        background-color: #F7F7F7;
        color: #5d5d5d; }
    .theme-blue .btn.btn-theme {
      background: #3047B0; }
      .theme-blue .btn.btn-theme:hover {
        background: #3047B0; }
    .theme-blue .btn.btn-primary {
      background: #2071D9;
      color: white !important; }
      .theme-blue .btn.btn-primary:hover {
        background: #2071D9;
        outline: none; }
    .theme-blue .btn.btn-danger {
      background: #EB0027; }
      .theme-blue .btn.btn-danger:hover {
        background: #EB0027; }
      .theme-blue .btn.btn-danger:focus {
        outline: none; }
    .theme-blue .btn.btn-success {
      background: #33CF8D; }
      .theme-blue .btn.btn-success:hover {
        background: #33CF8D; }
    .theme-blue .btn.btn-warning {
      background: #FF8F00; }
      .theme-blue .btn.btn-warning:hover {
        background: #FF8F00; }
    .theme-blue .btn.btn-white-with-border {
      border: 1px solid #2071D9 !important;
      background-color: white;
      color: #2071D9; }
      .theme-blue .btn.btn-white-with-border:hover {
        background-color: white;
        color: #2071D9;
        border-color: #2071D9 !important; }
      .theme-blue .btn.btn-white-with-border.btn[disabled] {
        background-color: #CBCBCB;
        color: #878787; }
    .theme-blue .btn.btn-secondary {
      background-color: #DDDDDD;
      color: #2E2E2E; }
    .theme-blue .btn.fixed-size {
      width: 85px; }
      .theme-blue .btn.fixed-size .material-icons {
        float: right;
        font-size: 20px; }
      .theme-blue .btn.fixed-size.btn-primary {
        margin-left: 7px; }
  .theme-blue button:active, .theme-blue button:focus, .theme-blue input[type="button"]:active, .theme-blue input[type="button"]:focus, .theme-blue input[type="submit"]:active, .theme-blue input[type="submit"]:focus, .theme-blue li:active, .theme-blue li:focus, .theme-blue td:active, .theme-blue td:focus {
    outline: none !important; }
  .theme-blue .input-group-TPaddon .fa.fa-star {
    color: #EB0027; }
  .theme-blue .alert-secondary {
    background-color: #DDDDDD;
    color: #2E2E2E;
    border-color: #DDDDDD; }
  .theme-blue .alert-success {
    background-color: #CEF3E5;
    color: #1B6C49;
    border-color: #CEF3E5; }
  .theme-blue .alert-info {
    background-color: #E4CCEA;
    color: #3E004E;
    border-color: #E4CCEA; }
  .theme-blue .alert-warning {
    background-color: #FFF7DA;
    color: #85732D;
    border-color: #FFF7DA; }
  .theme-blue .alert-danger {
    background-color: #FDC5CE;
    color: #47000C;
    border-color: #FDC5CE; }
  .theme-blue .alert-primary {
    background-color: #ECCCEA;
    color: #53004D;
    border-color: #ECCCEA; }
  .theme-blue .alert-theme {
    background-color: #E4CCEA;
    color: #3E004E;
    border: #E4CCEA; }
  .theme-blue .tpHighlightspan {
    background-color: #F7F7F7;
    color: #2e2e2e;
    border-color: #F7F7F7; }
  .theme-blue #AvailableQueuesChatListDiv .tpmain-box {
    padding-top: 0; }
  .theme-blue span[id^="tpTabcloseMain"] {
    color: #2e2e2e;
    background-color: transparent; }
  .theme-blue span[id^="tpTabcloseMain"]:hover {
    color: #EB0027;
    background-color: transparent; }
  .theme-blue #bar .user #bar_user .close a {
    color: #EB0027 !important; }
  .theme-blue #bar .user #bar_user .close a:hover {
    background-color: #EB0027 !important; }
  .theme-blue .badge-vertical-tab {
    background-color: #2071D9 !important;
    color: white !important; }
  .theme-blue .tplimenuitemiclose:hover {
    color: #EB0027 !important; }
  .theme-blue .has-error .help-block, .theme-blue .has-error .control-label {
    color: #EB0027; }
  .theme-blue #tpMainTabs > li {
    background: #f7f7f7; }
  .theme-blue #tpMainTabs > li.active {
    color: black; }
  .theme-blue #tpMainTabs > li > a {
    color: black;
    border-top: 2px solid #e6e6e6; }
  .theme-blue #tpMainTabs > li > a:hover {
    border-top: 2px solid #e6e6e6;
    background-color: #f7f7f7;
    color: black; }
  .theme-blue #tpMainTabs > .nav-tabs > li > a {
    background-color: #f7f7f7; }
  .theme-blue #tpMainTabs > li.active > a {
    background-color: white;
    border-top: 2px solid #2071D9;
    color: black; }
  .theme-blue #tpHeaderDiv {
    background-color: #F7F7F7; }
  .theme-blue #content-wrapper {
    background-color: #F7F7F7 !important;
    /*margin-left: 267px;*/ }
  .theme-blue #footer-bar {
    background-color: #F7F7F7 !important; }
  .theme-blue#Body[data-main-page="true"] {
    background-color: #F7F7F7 !important; }
  .theme-blue .TPClipboard {
    color: #2071D9 !important; }
  .theme-blue #MasterBody_ReportsTable .btn {
    border: none !important; }
    .theme-blue #MasterBody_ReportsTable .btn.btn-light-blue {
      background: #F7F7F7;
      color: #2e2e2e;
      border: none; }
      .theme-blue #MasterBody_ReportsTable .btn.btn-light-blue .badge.badge-theme {
        background-color: #FFFFFF;
        color: #2e2e2e; }
  .theme-blue #MasterBody_ReportsTable .tpReportTableTitle {
    color: #2071D9; }
  .theme-blue .tpstepwizardheader .badge {
    position: relative;
    top: -1px; }
  .theme-blue #ExpandCollapseButton {
    color: #2e2e2e !important; }
  .theme-blue #leftMenuContainer {
    background-color: #fff !important; }
  .theme-blue .tpCollapsiblePanel-primary {
    color: #2e2e2e;
    background-color: #F7F7F7; }
  .theme-blue #HelpDetailsDiv .alert.alert-info {
    background-color: white; }
  .theme-blue #icons-body .icon-item {
    color: #2e2e2e; }
    .theme-blue #icons-body .icon-item:hover {
      color: #2071D9; }
    .theme-blue #icons-body .icon-item.selected {
      border-color: #2071D9; }
  .theme-blue .conversation-wrapper .conversation-body {
    background: #F7F7F7; }
  .theme-blue .conversation-wrapper .conversation-body:before {
    top: 0;
    border-color: #F7F7F7 #F7F7F7 transparent transparent;
    left: -11px; }
  .theme-blue .conversation-wrapper .conversation-item.item-right .conversation-body:before {
    border-color: #73BDFF transparent transparent #73BDFF;
    right: -11px; }
  .theme-blue .conversation-wrapper .conversation-item.item-right .conversation-body.conversation-supervisor:before {
    border-color: #ffeb80 transparent transparent #ffeb80;
    right: -11px; }
  .theme-blue .conversation-wrapper .conversation-item.item-right .conversation-body {
    background: #73BDFF; }
  .theme-blue .conversation-wrapper .conversation-body > .time {
    bottom: 2px;
    right: 35px;
    top: initial;
    color: #2D2D2D; }
  .theme-blue .conversation-wrapper .conversation-body > .time:before {
    font-family: initial;
    content: "";
    margin-top: 0; }
  .theme-blue .conversation-wrapper .conversation-body .name > img {
    position: absolute;
    bottom: 4px;
    right: 10px; }
  .theme-blue .conversation-wrapper .conversation-body > .text {
    font-size: 1.23em;
    color: #2d2d2d; }
  .theme-blue .conversation-wrapper .conversation-item.item-left .conversation-body > .text a {
    color: #2d2d2d;
    text-decoration: underline !important; }
  .theme-blue .conversation-wrapper .conversation-item.item-right .conversation-body > .text a {
    color: #fff;
    text-decoration: underline !important; }
  .theme-blue #other-options-table #other-options-menu img {
    width: 25px;
    border: 1px solid #089BFF;
    padding: 2px;
    border-radius: 3px; }
  .theme-blue a {
    color: #2071D9;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent; }
  .theme-blue a:hover, .theme-blue a:focus {
    color: #3047B0;
    text-decoration: none !important; }
  .theme-blue a:visited {
    text-decoration: none !important; }
  .theme-blue .form-control:focus {
    border-color: rgba(32, 113, 217, 0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(32, 113, 217, 0.6); }
  .theme-blue .dataTable thead th:hover {
    color: #3047B0; }
  .theme-blue .case-view-container {
    /*pending to check if is general or not*/
    /*this is for changing  caret for dropdowns*/
    /*end changing caret for dropdowns*/
    /*end pending*/ }
    .theme-blue .case-view-container .header .case-number {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 18px; }
    .theme-blue .case-view-container .header .customer-name {
      display: flex;
      align-items: center;
      padding-top: 5px; }
      .theme-blue .case-view-container .header .customer-name .CustomerNameTitle, .theme-blue .case-view-container .header .customer-name .CustomerName, .theme-blue .case-view-container .header .customer-name .TPClipboard {
        font-size: 15px;
        font-style: normal;
        margin-bottom: 5px; }
      .theme-blue .case-view-container .header .customer-name .material-icons {
        font-size: 20px;
        margin-left: 5px; }
    .theme-blue .case-view-container .side-menu ul {
      list-style: none;
      padding-left: 0; }
      .theme-blue .case-view-container .side-menu ul li {
        padding: 15px;
        color: #2E2E2E;
        font-size: 13px; }
        .theme-blue .case-view-container .side-menu ul li a {
          color: #2E2E2E; }
        .theme-blue .case-view-container .side-menu ul li:hover, .theme-blue .case-view-container .side-menu ul li.active {
          color: #2071D9;
          cursor: pointer;
          border-left: 5px solid #2071D9;
          font-weight: 600; }
          .theme-blue .case-view-container .side-menu ul li:hover a, .theme-blue .case-view-container .side-menu ul li.active a {
            color: #2071D9; }
    .theme-blue .case-view-container .dropdown .dropdown-toggle .caret {
      width: 10px;
      height: 10px;
      border: none;
      font-family: 'FontAwesome';
      margin-left: 15px; }
    .theme-blue .case-view-container .dropdown .dropdown-toggle .caret:before {
      content: "\f107";
      position: absolute;
      top: 1px;
      font-size: 18px; }
    .theme-blue .case-view-container .dropdown-menu > li > a {
      padding-left: 5px;
      padding-right: 5px;
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none; }
      .theme-blue .case-view-container .dropdown-menu > li > a .icon-container {
        margin-right: 10px; }
        .theme-blue .case-view-container .dropdown-menu > li > a .icon-container span {
          font-size: 16px; }
    .theme-blue .case-view-container .navbar-default .navbar-nav > li > a {
      color: #2e2e2e;
      font-weight: 600;
      display: flex;
      align-items: center; }
    .theme-blue .case-view-container .navbar-default .navbar-collapse, .theme-blue .case-view-container .navbar-default .navbar-form, .theme-blue .case-view-container .navbar-default {
      background-color: white;
      background: white; }
    .theme-blue .case-view-container .navbar-default .navbar-nav > .open > a, .theme-blue .case-view-container .navbar-default .navbar-nav > .open > a:focus, .theme-blue .case-view-container .navbar-default .navbar-nav > .open > a:hover {
      background-color: white;
      background: white;
      color: #2e2e2e; }
    .theme-blue .case-view-container .navbar-default .navbar-nav > .active > a, .theme-blue .case-view-container .navbar-default .navbar-nav > .active > a:focus, .theme-blue .case-view-container .navbar-default .navbar-nav > .active > a:hover {
      color: #2e2e2e;
      background-color: white;
      border-bottom: 3px solid #2071D9; }
    .theme-blue .case-view-container .dropdown-menu > .active > a, .theme-blue .case-view-container .dropdown-menu > .active > a:hover, .theme-blue .case-view-container .dropdown-menu > .active > a:focus {
      color: white;
      background-color: #2071D9; }
    .theme-blue .case-view-container .dropdown-menu > li > a:hover, .theme-blue .case-view-container .theme-tp .dropdown-menu > li > a:focus {
      color: white;
      background-color: #2071D9; }
  .theme-blue #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-blue #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: white !important; }
  .theme-blue .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
    border: none !important; }
  .theme-blue .new-title {
    font-size: 18px;
    font-weight: 900;
    color: #2e2e2e; }
  .theme-blue .n-p-l {
    padding-left: 0; }
  .theme-blue .m-t-5 {
    margin-top: 5px; }
  .theme-blue #sidebar-nav .nav li .submenu > li > a {
    transition: none; }
  .theme-blue .font-color-primary, .theme-blue .text-primary {
    color: #2071D9; }
  .theme-blue .background-color-primary {
    background-color: #2071D9; }
  .theme-blue .dropdown > a > .icon-container {
    margin-right: 10px; }
    .theme-blue .dropdown > a > .icon-container .material-icons {
      font-size: 16px; }
  .theme-blue .input-group-TPaddon {
    color: #EB0027; }
  .theme-blue .TPFieldRequired {
    color: #EB0027; }
  .theme-blue .fs-28 {
    font-size: 28px !important; }
  .theme-blue .fs-26 {
    font-size: 26px !important; }
  .theme-blue .fs-24 {
    font-size: 24px !important; }
  .theme-blue .fs-22 {
    font-size: 22px !important; }
  .theme-blue .fs-20 {
    font-size: 20px !important; }
  .theme-blue .fs-18 {
    font-size: 18px !important; }
  .theme-blue .fs-17 {
    font-size: 17px !important; }
  .theme-blue .fs-16 {
    font-size: 16px !important; }
  .theme-blue .fs-15 {
    font-size: 15px !important; }
  .theme-blue .trash-icon {
    color: #EB0027; }
  .theme-blue .nav.nav-pills > li {
    background-color: white !important;
    border-radius: 0; }
    .theme-blue .nav.nav-pills > li a, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] {
      background-color: white !important;
      color: #2e2e2e !important; }
      .theme-blue .nav.nav-pills > li a i, .theme-blue .nav.nav-pills > li a span:not(.badge), .theme-blue .nav.nav-pills > li a span:not(.fa.fa-square), .theme-blue .nav.nav-pills > li a div, .theme-blue .nav.nav-pills > li a div[data-toggle="popover"], .theme-blue .nav.nav-pills > li a div[data-toggle="popover"] i, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] i, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge), .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square), .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"], .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-blue .nav.nav-pills > li a i:hover, .theme-blue .nav.nav-pills > li a span:not(.badge):hover, .theme-blue .nav.nav-pills > li a span:not(.fa.fa-square):hover, .theme-blue .nav.nav-pills > li a div:hover, .theme-blue .nav.nav-pills > li a div[data-toggle="popover"]:hover, .theme-blue .nav.nav-pills > li a div[data-toggle="popover"] i:hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] i:hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge):hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square):hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div:hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"]:hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i:hover {
          color: #2e2e2e !important; }
      .theme-blue .nav.nav-pills > li a:hover, .theme-blue .nav.nav-pills > li a[data-toggle="dropdown"]:hover {
        background-color: white !important;
        color: #2e2e2e !important; }
    .theme-blue .nav.nav-pills > li.active {
      background-color: white !important;
      color: #2e2e2e !important;
      border-bottom: 4px solid #2071D9; }
      .theme-blue .nav.nav-pills > li.active a {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-blue .nav.nav-pills > li.active a i, .theme-blue .nav.nav-pills > li.active a span:not(.badge), .theme-blue .nav.nav-pills > li.active a div {
          background-color: white !important;
          color: #2e2e2e !important; }
          .theme-blue .nav.nav-pills > li.active a i:hover, .theme-blue .nav.nav-pills > li.active a span:not(.badge):hover, .theme-blue .nav.nav-pills > li.active a div:hover {
            color: #2e2e2e !important; }
      .theme-blue .nav.nav-pills > li.active ul > li.active {
        background-color: #2071D9 !important;
        color: white !important; }
        .theme-blue .nav.nav-pills > li.active ul > li.active a {
          background-color: #2071D9 !important;
          color: white !important; }
          .theme-blue .nav.nav-pills > li.active ul > li.active a i, .theme-blue .nav.nav-pills > li.active ul > li.active a span:not(.badge) {
            background-color: #2071D9 !important;
            color: white !important; }
      .theme-blue .nav.nav-pills > li.active ul > li:hover {
        background-color: #2071D9 !important;
        color: white !important; }
    .theme-blue .nav.nav-pills > li ul > li:hover {
      background-color: #2071D9 !important;
      color: white !important; }
      .theme-blue .nav.nav-pills > li ul > li:hover a {
        background-color: #2071D9 !important;
        color: white !important; }
        .theme-blue .nav.nav-pills > li ul > li:hover a span.fa.fa-square {
          background-color: initial !important; }
    .theme-blue .nav.nav-pills > li ul > li a {
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none;
      align-items: center; }
      .theme-blue .nav.nav-pills > li ul > li a > i, .theme-blue .nav.nav-pills > li ul > li a > span, .theme-blue .nav.nav-pills > li ul > li a > div {
        margin: 0;
        display: block;
        position: initial; }
      .theme-blue .nav.nav-pills > li ul > li a:hover {
        background-color: #2071D9 !important;
        color: white !important; }
        .theme-blue .nav.nav-pills > li ul > li a:hover i, .theme-blue .nav.nav-pills > li ul > li a:hover span:not(.badge), .theme-blue .nav.nav-pills > li ul > li a:hover div {
          background-color: #2071D9 !important;
          color: white !important; }
          .theme-blue .nav.nav-pills > li ul > li a:hover i:hover, .theme-blue .nav.nav-pills > li ul > li a:hover span:not(.badge):hover, .theme-blue .nav.nav-pills > li ul > li a:hover div:hover {
            background-color: #2071D9 !important;
            color: white !important; }
    .theme-blue .nav.nav-pills > li ul > li:not([id^="palette"]) {
      color: initial !important; }
  .theme-blue .text-neutral {
    color: #2e2e2e !important; }
  .theme-blue .text-neutral-with-hover {
    color: #2e2e2e !important; }
    .theme-blue .text-neutral-with-hover:hover {
      color: #2071D9 !important; }
  .theme-blue .text-white {
    color: white !important; }
  .theme-blue .far-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #8BE4BF;
    color: #2D2D2D; }
  .theme-blue .near-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #FF6F00;
    color: white; }
  .theme-blue .expired {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #EB0027;
    color: white; }
  .theme-blue .lag {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #DDDDDD;
    color: #2D2D2D; }
  .theme-blue .arrow-left-swipe {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px; }
  .theme-blue .view-mode select[disabled="disabled"], .theme-blue .view-mode select:disabled, .theme-blue .view-mode select option:disabled, .theme-blue .view-mode input, .theme-blue .view-mode textarea {
    background-color: white !important;
    color: #2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none !important; }
  .theme-blue .view-mode select::-ms-expand {
    display: none; }
  .theme-blue .view-mode .input-group-addon {
    display: none; }
  .theme-blue .view-mode .control-label.tpNavyColor {
    font-weight: 600; }
  .theme-blue .view-mode .control-label {
    padding-top: 0 !important; }
  .theme-blue .view-mode .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .theme-blue .view-mode .addaControlPpal.form-group.tpValidateGroup {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important; }
    .theme-blue .view-mode .addaControlPpal.form-group.tpValidateGroup .text-right {
      text-align: left; }
  .theme-blue .view-mode #FormDesignerMainDiv .row {
    margin-bottom: 0 !important; }
  .theme-blue .view-mode [id*="MasterBody_tdRenderLabel_"] {
    width: 41.66666667% !important; }
  .theme-blue .view-mode [id*="MasterBody_tdRenderControl_"] {
    width: 58.33333333% !important; }
  .theme-blue .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .theme-blue .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #2071D9;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #2071D9 transparent transparent transparent; }
      .theme-blue .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .theme-blue .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .theme-blue .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .theme-blue .text-primary {
    color: #2071D9; }
  .theme-blue .text-secondary {
    color: #3047B0; }
  .theme-blue .text-success {
    color: #33CF8D; }
  .theme-blue .text-danger {
    color: #EB0027; }
  .theme-blue .text-warning {
    color: #FF8F00; }
  .theme-blue .text-info {
    color: #3047B0; }
  .theme-blue .text-dark {
    color: #2e2e2e; }
  .theme-blue .text-white {
    color: white; }
  .theme-blue .text-neutral {
    color: #2e2e2e; }
  .theme-blue .sweet-alert .sa-icon.sa-warning {
    border-color: #FF8F00; }
  .theme-blue .sweet-alert .sa-icon.sa-warning .sa-body {
    background-color: #FF8F00; }
  .theme-blue .sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #FF8F00; }

@keyframes pulseWarning {
  0% {
    border-color: #FF8F00; }
  100% {
    border-color: #FF8F00; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #FF8F00; }
  100% {
    background-color: #FF8F00; } }
  .theme-blue .sa-button-container .sa-confirm-button-container .confirm {
    background-color: #2071D9 !important;
    color: white !important; }
  .theme-blue .sa-button-container .cancel {
    background-color: #EB0027 !important;
    color: white !important; }
  .theme-blue .contact-support-spellcheck-icons {
    font-size: 30px;
    color: #2071D9; }
  .theme-blue .badge {
    border-radius: 0; }
  .theme-blue [data-toggle="pill"] .badge-primary {
    background-color: #e6e6e6 !important;
    color: #2e2e2e !important; }
  .theme-blue .title-collapse-expand {
    cursor: pointer; }
  @media (min-width: 992px) {
    .theme-blue .nav-small #nav-col #sidebar-nav .nav > li > a > span.material-icons {
      display: block; } }
  .theme-blue .toolbar-collapse-icon {
    float: right;
    margin: -1px;
    padding-right: 5px; }
  .theme-blue .toolbar-collapse-title {
    background-color: #f1f1f1f1;
    border-radius: 3px;
    padding: 5px; }
  .theme-blue .new-chat-ui .nav-pills > li.active > a, .theme-blue .nav-pills > li.active > a:hover, .theme-blue .nav-pills > li.active > a:focus, .theme-blue #sidebar-nav .nav-pills > li.active > a, .theme-blue #sidebar-nav .nav-pills > li.active > a:hover, .theme-blue #sidebar-nav .nav-pills > li.active > a:focus, .theme-blue .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: white;
    border-left: 4px solid #2071D9;
    color: #2071D9; }
  .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:hover, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:focus, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:hover, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:focus, .theme-blue .new-chat-ui #chat-utilities #chat-utilities-container .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left-color: transparent !important; }
  .theme-blue .btn-white-with-border svg path {
    fill: #2071D9 !important; }
  .theme-blue .nav-pills > li.active > a, .theme-blue .theme-tp .nav-pills > li.active > a:hover, .theme-blue .theme-tp .nav-pills > li.active > a:focus, .theme-blue .theme-tp #sidebar-nav .nav-pills > li.active > a, .theme-blue .theme-tp #sidebar-nav .nav-pills > li.active > a:hover, .theme-blue .theme-tp #sidebar-nav .nav-pills > li.active > a:focus, .theme-blue .theme-tp .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left: none !important; }

.theme-orange {
  /*left menu*/
  /*#sidebar-nav .nav > li {
    background-color: $menu-background-color;
}*/
  /*end left menu*/
  /*right menu*/
  /*end right menu*/
  /*wizards*/
  /*.wizard .wizard-inner ul li.active {*/
  /*}*/
  /*end wizards*/
  /*badges*/
  /*end badges*/
  /*Custom modals*/
  /*end custom modals*/
  /*accordions*/
  /*end accordions*/
  /*kb search result tables*/
  /*end kb serach result tables*/
  /*loading tp*/
  /*.tdLoadingContainer {*/
  /*}*/
  /*end loading tp*/
  /*Simulations colors*/
  /*End simulations*/
  /*Datatables*/
  /*End datatables*/
  /*Dashboards*/
  /*End Dashboards*/
  /*Radiobutton*/
  /*End RadioButton*/
  /*Images changed by fonts*/
  /*End images changed by fonts*/
  /*scripts*/
  /*end scripts*/
  /*line on reports*/
  /**/
  /*ABINVEB*/
  /*radios and checkboxes*/
  /*end radios and checkboxes*/
  /*Start Button*/
  /*End Buttons*/
  /*span[id^="tpTabcloseMain"]:hover {
    color: $tp-red-color;
}*/
  /*Tabs change*/
  /*tabs*/
  /*end tabs*/
  /*Full Page Background color */
  /*#nav-col {
    width: 267px;
}*/
  /*End Full page background color*/
  /*#error-page-body {
    color: $tp-color-primary-theme;
}*/
  /*Links*/
  /*End links*/
  /*pills*/
  /*end pills*/ }
  .theme-orange #nav-col,
  .theme-orange #page-wrapper {
    background-color: #fff; }
  .theme-orange #col-left {
    height: calc(100% - 46px); }
  .theme-orange #dropMenuProfile > li button#save-theme-preferences-button {
    color: #FF5C00; }
  .theme-orange #sidebar-nav .nav > li {
    background-color: #fff; }
  .theme-orange #sidebar-nav .nav li .submenu {
    background-color: #fff; }
  .theme-orange #sidebar-nav .nav > li > a {
    color: #2e2e2e; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-orange #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: #fff; }
  .theme-orange #sidebar-nav .nav .open > a:hover {
    color: #fff; }
  .theme-orange #sidebar-nav .nav li .submenu:hover {
    /*background-color: $menu-background-color-hover;*/ }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > a,
  .theme-orange #sidebar-nav .nav > .active > .submenu > li > a {
    border-bottom-color: transparent !important; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > a:hover,
  .theme-orange #sidebar-nav .nav > .active > .submenu > li > a:hover {
    background-color: #FF5C00 !important;
    /* margin-left: 10px;
    margin-right: 20px;*/ }
  .theme-orange #sidebar-nav .nav li .submenu > li > a {
    color: #2e2e2e; }
  .theme-orange #sidebar-nav .nav li .submenu > li > a:hover,
  .theme-orange #sidebar-nav .nav li .submenu > li > a.active,
  .theme-orange #sidebar-nav .nav li .submenu > li.active > a {
    background-color: #fff; }
  .theme-orange #sidebar-nav .nav > li > a:hover, .theme-orange #sidebar-nav .nav .open > a:hover {
    color: #2e2e2e; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > .submenu,
  .theme-orange #sidebar-nav .nav > .active > .submenu > li > .submenu {
    background-color: #FF5C00; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > .open > a,
  .theme-orange #sidebar-nav .nav > .active > .submenu > .open > a,
  .theme-orange #sidebar-nav .nav > .active > .submenu > .active > a {
    border-bottom-color: transparent;
    box-shadow: 0 -1px 0 transparent inset; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover,
  .theme-orange #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover,
  .theme-orange #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {
    color: #FF5C00;
    background-color: #FF5C00 !important; }
  .theme-orange #sidebar-nav .nav > li.open {
    background-color: #fff; }
  .theme-orange #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {
    color: #2e2e2e;
    font-size: 18px; }
    .theme-orange #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon:before {
      content: "\f105" !important; }
  .theme-orange #sidebar-nav .nav > li > a:hover {
    background-color: #fff;
    border-left-color: #FF5C00;
    border-right-color: #FF5C00;
    color: #2e2e2e; }
  .theme-orange .c-menu {
    background-color: #fff; }
  .theme-orange .c-menu--slide-right .nav.nav-pills.nav-stacked > li > a {
    color: #2e2e2e;
    border-bottom: 1px solid transparent; }
  .theme-orange .c_menu__item_group {
    background-color: #fff;
    color: #2e2e2e; }
  .theme-orange #rightMenuUlToastCenterDiv {
    color: #2e2e2e; }
  .theme-orange tr.toast-header {
    background-color: #fff; }
  .theme-orange .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :hover {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #E60077; }
  .theme-orange .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :focus {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #E60077; }
  .theme-orange .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) a :hover,
  .theme-orange .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) i :hover {
    background-color: #fff;
    color: #2e2e2e;
    border: 0; }
  .theme-orange #tpMainTabs > li.active > a {
    border-top-color: #FF5C00; }
  .theme-orange #tpMainTabs > li:not(.active) > a:hover {
    border-top-color: #e6e6e6; }
  .theme-orange .tpclientItemMenuActiveAdmin {
    border-left-color: #FF5C00; }
  .theme-orange .tpReportTableCommentsFilter {
    color: #FF5C00; }
  .theme-orange .CaseNumberTitle {
    color: #FF5C00 !important; }
  .theme-orange .tpTabTitleSwal {
    color: #E60077; }
  .theme-orange .wizard .wizard-inner ul li.active .chevron:before {
    border-left: 14px solid #d9ebf7; }
  .theme-orange .wizard .wizard-inner {
    /*background-color: $wizard-background;*/
    /*border: 1px solid $wizard-border-color;*/
    background-color: initial;
    border: none; }
    .theme-orange .wizard .wizard-inner ul li {
      /*background-color: $wizard-step-background;
                color: $wizard-step-color;*/
      background-color: white;
      color: #989898; }
      .theme-orange .wizard .wizard-inner ul li:first-child {
        border-radius: 0; }
      .theme-orange .wizard .wizard-inner ul li .badge.badge-primary {
        padding: 14px;
        border: 1px solid #989898;
        color: #989898;
        background-color: white !important;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .theme-orange .wizard .wizard-inner ul li .chevron {
        display: none;
        /*border-left-color: $wizard-border-color;*/
        /*&:before {
                        border-left-color: $wizard-step-background;
                   
                } */ }
      .theme-orange .wizard .wizard-inner ul li .liHelpButton {
        background-color: white !important; }
      .theme-orange .wizard .wizard-inner ul li.active {
        /*background-color: $wizard-step-active-background;
                    color: $wizard-step-active-color;*/
        background-color: white;
        color: #2e2e2e;
        font-weight: 600; }
        .theme-orange .wizard .wizard-inner ul li.active .chevron {
          /*border-left-color: $wizard-step-active-background;

                        &:before {
                            border-left-color: $wizard-step-active-background;
                        }*/ }
        .theme-orange .wizard .wizard-inner ul li.active .badge, .theme-orange .wizard .wizard-inner ul li.active .badge:hover {
          /*background-color: $wizard-badge-background !important;
                    color: $wizard-badge-color !important;*/
          background-color: white !important;
          color: #FF5C00 !important;
          border-color: #FF5C00;
          font-weight: 900; }
  .theme-orange .badge.badge-primary,
  .theme-orange .badge.badge-primary:hover {
    background-color: #FF5C00 !important; }
  .theme-orange .active > .badge.badge-primary, .theme-orange .active > .badge.badge-primary:hover {
    background-color: white !important;
    color: #E60077 !important; }
  .theme-orange .badge.badge-theme {
    background-color: #E60077; }
  .theme-orange .badge.badge-gray {
    background-color: #e6e6e6;
    color: #2e2e2e; }
  .theme-orange .badge.badge-warning {
    background-color: #FFF7DA;
    color: #85732D; }
  .theme-orange .badge.badge-danger {
    background-color: #FDC5CE;
    color: #47000C; }
  .theme-orange .badge.badge-success {
    background-color: #CEF3E5;
    color: #1B6C49; }
  .theme-orange .label-primary, .theme-orange .fc-event.label-primary {
    background-color: #FF5C00; }
  .theme-orange .modal-header {
    background-color: #F7F7F7;
    color: #2e2e2e; }
    .theme-orange .modal-header .close {
      color: #2e2e2e !important; }
  .theme-orange .panel-heading .panel-title a {
    color: white; }
  .theme-orange .panel-group .panel .panel-heading:hover {
    background-color: #E60077;
    border-color: #E60077; }
  .theme-orange table.kb-results-table > tbody > tr.selected {
    background-color: #FF5C00 !important; }
  .theme-orange table.kb-results-table > tbody > tr:hover {
    background-color: #FF5C00 !important; }
  .theme-orange .title-box-kb {
    background-color: #FF5C00; }
  .theme-orange .tpLoadingTP .st0 {
    fill: #FF5C00; }
  .theme-orange .progress .progress-bar {
    background-color: #FF5C00; }
  .theme-orange .clsStep [id^='titleDiv-'] {
    color: #E60077; }
  .theme-orange .clsStep:last-child {
    background-color: #d9ebf7;
    border-left: 4px solid #FF5C00; }
  .theme-orange .clsStep {
    background-color: #d9ebf7; }
  .theme-orange .tpNavyColorToolbarDT {
    color: #E60077 !important; }
  .theme-orange .dataTables_wrapper {
    background-color: white !important;
    border: none !important; }
  .theme-orange .dataTable {
    border: none; }
  .theme-orange .dataTable > tbody > tr > td,
  .theme-orange .dataTable > tbody > tr > th,
  .theme-orange .dataTable > tfoot > tr > td,
  .theme-orange .dataTable > tfoot > tr > th,
  .theme-orange .dataTable > thead > tr > td,
  .theme-orange .dataTable > thead > tr > th {
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    /*change for variable*/ }
  .theme-orange .dataTable tr.odd {
    background-color: white !important; }
  .theme-orange .dataTable tr.even {
    background-color: #F7F7F7 !important; }
  .theme-orange .dataTable tbody tr:hover {
    background-color: #DDDDDD !important; }
  .theme-orange .dataTables_wrapper > .row {
    background-color: #f7f7f7 !important; }
  .theme-orange .dataTable thead {
    background-color: #f7f7f7 !important; }
  .theme-orange .dataTables_wrapper .btn.btn-white {
    background-color: transparent; }
    .theme-orange .dataTables_wrapper .btn.btn-white:hover, .theme-orange .dataTables_wrapper .btn.btn-white:active, .theme-orange .dataTables_wrapper .btn.btn-white:focus {
      background-color: transparent;
      box-shadow: none !important; }
  .theme-orange table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-orange table.dataTable thead .sorting_asc:after {
    opacity: 1;
    content: "\e253";
    position: initial;
    float: right; }
  .theme-orange table.dataTable thead .sorting_desc:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-orange table.dataTable thead tr th {
    padding: 15px !important;
    font-weight: 900;
    color: #2E2E2E; }
  .theme-orange td a {
    font-weight: 900; }
  .theme-orange .clsMergeINJ > button > i {
    color: #FF5C00 !important; }
  .theme-orange div#tpViewDataTable_paginate .pagination .paginate_button a {
    color: #FF5C00; }
  .theme-orange .pagination > .active > a, .theme-orange .pagination > .active > span, .theme-orange .pagination > .active > a:hover, .theme-orange .pagination > .active > span:hover, .theme-orange .pagination > .active > a:focus, .theme-orange .pagination > .active > span:focus {
    background-color: #FF5C00;
    border-color: #FF5C00;
    color: white !important; }
  .theme-orange .table-kpi table.pvtTable tr td {
    color: #FF5C00; }
  .theme-orange .tile.selected {
    border-color: #FF5C00 !important; }
  .theme-orange .tile .title {
    border-bottom-color: #FF5C00 !important; }
  .theme-orange .items ul li:hover, .theme-orange .items ul li.added {
    border-left-color: #FF5C00 !important; }
  .theme-orange .items ul li.selected {
    border-color: #FF5C00 !important; }
  .theme-orange .radio.green input[type=radio] + label:before,
  .theme-orange .radio.green input[type=radio]:checked + label:before,
  .theme-orange .radio.green input[type=radio]:hover + label:before {
    border: 2px solid green; }
  .theme-orange .radio.green label:after {
    background-color: green;
    border: 2px solid green; }
  .theme-orange .radio.yellow input[type=radio] + label:before,
  .theme-orange .radio.yellow input[type=radio]:checked + label:before,
  .theme-orange .radio.yellow input[type=radio]:hover + label:before {
    border: 2px solid orange; }
  .theme-orange .radio.yellow label:after {
    background-color: orange;
    border: 2px solid orange; }
  .theme-orange .radio.red input[type=radio] + label:before,
  .theme-orange .radio.red input[type=radio]:checked + label:before,
  .theme-orange .radio.red input[type=radio]:hover + label:before {
    border: 2px solid red; }
  .theme-orange .radio.red label:after {
    background-color: red;
    border: 2px solid red; }
  .theme-orange .icon-tp {
    background-color: #FF5C00;
    color: white; }
  .theme-orange .ActiveQuestionScript {
    background-color: #dff4ff;
    border-left-color: #FF5C00; }
  .theme-orange .alert-default {
    border-color: #FF5C00; }
  .theme-orange .status.circle {
    width: 25px;
    height: 25px;
    background-color: orange;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto; }
    .theme-orange .status.circle.yellow {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-orange .status.circle.red {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-orange .status.circle.green {
      background-color: darkgreen;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, green, darkgreen);
      background-image: radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%); }
    .theme-orange .status.circle.gray {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-orange .status.circle.PE {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-orange .status.circle.PR {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-orange .status.circle.CL {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, black, #4b7896);
      background-image: radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%); }
    .theme-orange .status.circle.WH {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-orange .status.circle.AP {
      background-color: green;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, darkgreen, #65d065);
      background-image: radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%); }
    .theme-orange .status.circle.RE {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-orange .status.circle.CA {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, #2980b9, black);
      background-image: radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%); }
    .theme-orange .status.circle span {
      position: absolute;
      color: white;
      top: 3PX;
      left: 4PX; }
  .theme-orange .timeline ul {
    padding: 1em 0 0 0.5em;
    margin: 0;
    list-style: none;
    position: relative; }
    .theme-orange .timeline ul::before {
      content: ' ';
      height: 100%;
      width: 1px;
      background-color: #d9d9d9;
      position: absolute;
      top: 0;
      left: 1em;
      z-index: -1; }
    .theme-orange .timeline ul li {
      cursor: pointer; }
      .theme-orange .timeline ul li:hover, .theme-orange .timeline ul li.selected {
        background-color: #eef2f5; }
  .theme-orange .timeline li div {
    display: inline-block;
    margin: 1em 0;
    vertical-align: top; }
  .theme-orange .timeline .bullet {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: white;
    z-index: 1;
    margin-right: 1em; }
    .theme-orange .timeline .bullet.red {
      border: 2px solid red; }
    .theme-orange .timeline .bullet.green {
      border: 2px solid green; }
    .theme-orange .timeline .bullet.orange {
      border: 2px solid orange; }
  .theme-orange .timeline .time {
    width: 20%;
    font-size: 0.75em;
    padding-top: 0.25em; }
    .theme-orange .timeline .time span {
      width: 100%;
      display: inline-block; }
  .theme-orange .timeline .desc {
    width: 65%; }
    .theme-orange .timeline .desc .text {
      width: 90%;
      display: inline-block; }
    .theme-orange .timeline .desc .icon {
      display: inline;
      /* width: 10%; */
      float: right; }
  .theme-orange .timeline h3 {
    font-size: 0.9em;
    font-weight: 400;
    margin: 0; }
  .theme-orange .timeline h4 {
    margin: 0;
    font-size: 0.7em;
    font-weight: 400;
    color: #808080; }
  .theme-orange .timeline .people .icon-img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .theme-orange .timeline .icon-channel {
    font-size: 23px;
    float: right;
    margin-right: 3px; }
  .theme-orange .title-history {
    font-weight: 600; }
    .theme-orange .title-history.red {
      color: red; }
    .theme-orange .title-history.green {
      color: green !important; }
    .theme-orange .title-history.orange {
      color: orange; }
  .theme-orange .tpobchat #chatbox {
    width: 290px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 484px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -155px; }
  .theme-orange .tpobchat #friendslist {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 484px; }
  .theme-orange .tpobchat #topmenu {
    height: 69px;
    width: 290px;
    border-bottom: 1px solid #d8dfe3; }
  .theme-orange .tpobchat #topmenu span {
    float: left;
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat; }
  .theme-orange .tpobchat #topmenu span.friends {
    margin-bottom: -1px; }
  .theme-orange .tpobchat #topmenu span.chats {
    background-position: -95px 25px;
    cursor: pointer; }
  .theme-orange .tpobchat #topmenu span.chats:hover {
    background-position: -95px -46px;
    cursor: pointer; }
  .theme-orange .tpobchat #topmenu span.history {
    background-position: -190px 24px;
    cursor: pointer; }
  .theme-orange .tpobchat #topmenu span.history:hover {
    background-position: -190px -47px;
    cursor: pointer; }
  .theme-orange .tpobchat .floatingImg {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 3px solid #fff; }
  .theme-orange .tpobchat #chatview {
    width: 290px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff; }
  .theme-orange .tpobchat #chat-messages {
    opacity: 0;
    padding-top: 5px;
    font-size: 12px;
    margin-top: 30px;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    padding-right: 20px;
    -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1); }
  .theme-orange .tpobchat #chat-messages.animate {
    opacity: 1;
    margin-top: 0; }
  .theme-orange .tpobchat #chat-messages label {
    color: #aab8c2;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin: 15px 0;
    width: 290px;
    display: block; }
  .theme-orange .tpobchat #chat-messages div.message {
    padding: 0 0 30px 58px;
    clear: both;
    /*margin-bottom: 45px;*/ }
  .theme-orange .tpobchat #chat-messages div.message.right {
    padding: 0 30px 20px 0;
    margin-right: -19px;
    margin-left: 19px;
    margin-top: 5px; }
  .theme-orange .tpobchat #chat-messages .message .icon-chat {
    float: left;
    margin-left: -38px;
    border-radius: 50%;
    width: 30px;
    margin-top: 12px; }
  .theme-orange .tpobchat #chat-messages div.message.right .icon-chat {
    float: right;
    margin-left: 0;
    margin-right: -38px; }
  .theme-orange .tpobchat .message .bubble {
    background: #f0f4f7;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 6px;
    border-radius: 5px 5px 5px 0px;
    color: #8495a3;
    position: relative;
    float: left;
    min-width: 200px; }
  .theme-orange .tpobchat #chat-messages div.message.right .bubble {
    float: right;
    border-radius: 5px 5px 0px 5px;
    background: #e9f6ff; }
  .theme-orange .tpobchat .bubble .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -5px;
    bottom: 0; }
  .theme-orange .tpobchat div.message.right .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left: auto;
    right: -5px; }
  .theme-orange .tpobchat .bubble span {
    color: #aab8c2;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -22px; }
  .theme-orange #channelList {
    margin-top: 5px; }
    .theme-orange #channelList .channel-icon {
      cursor: pointer;
      font-size: 25px;
      margin-right: 10px;
      position: relative;
      color: #cbcbcb; }
      .theme-orange #channelList .channel-icon .badge {
        font-size: 8px;
        position: absolute;
        right: -9px;
        top: -6px; }
      .theme-orange #channelList .channel-icon.selected, .theme-orange #channelList .channel-icon:hover {
        color: #5a5a5a;
        border-bottom: 3px solid #5a5a5a;
        padding-bottom: 1px;
        opacity: 1; }
  .theme-orange #information-container {
    /* for the animation */
    transition: margin 0.3s ease;
    padding-right: 15px; }
  .theme-orange .send-message-button-ob {
    padding: 5px; }
    .theme-orange .send-message-button-ob i {
      font-size: 18px; }
  .theme-orange .clock-div {
    display: inline-block;
    margin-top: 8px; }
    .theme-orange .clock-div .title {
      font-weight: 500; }
    .theme-orange .clock-div .clock {
      font-weight: 900;
      font-size: 16px; }
    .theme-orange .clock-div.clock-auto-close {
      color: red;
      margin-right: 10px; }
    .theme-orange .clock-div.clock-time-to-answer {
      color: black; }
  .theme-orange .icon-tabv {
    right: 3px;
    top: 3px; }
  .theme-orange #menuTabs #menuList li {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #E1E1E1; }
  .theme-orange .tpclientItemMenuInactiveAdmin {
    background-color: white;
    border-left-color: transparent; }
  .theme-orange .tplimenuitemi {
    max-width: 100%; }
  .theme-orange .tpclientItemMenuActiveAdminI {
    background-color: #F7F7F7; }
  .theme-orange .tplimenuitem.tpclientItemMenuActiveAdmin {
    background-color: #F7F7F7; }
  .theme-orange .tpclientItemMenuInactiveAdminI {
    background-color: white; }
    .theme-orange .tpclientItemMenuInactiveAdminI.fa-home {
      border-bottom: none; }
  .theme-orange .menuTabs {
    background-color: white;
    border: 1px solid #E1E1E1; }
  .theme-orange .mce-tinymce {
    box-shadow: none !important; }
  .theme-orange .tp-lights {
    /*animation-duration: 1s;
    animation-iteration-count: infinite;*/ }
    .theme-orange .tp-lights.red {
      /*animation-name: semaphore-red;
        text-shadow: 0px 0px 6px #610a0a;*/ }
    .theme-orange .tp-lights.yellow {
      /*animation-name: semaphore-yellow;
        text-shadow: 0px 0px 6px #613a0a;*/ }
    .theme-orange .tp-lights.green {
      /*animation-name: semaphore-green;
        text-shadow: 0px 0px 6px #16610a;*/ }

@keyframes semaphore-red {
  from {
    color: #7d2a20; }
  to {
    color: red; } }

@keyframes semaphore-green {
  from {
    color: #065503; }
  to {
    color: green; } }

@keyframes semaphore-yellow {
  from {
    color: #7d6120; }
  to {
    color: orange; } }
  .theme-orange .table-days-hour-preferred-ob td {
    padding: 5px; }
  .theme-orange .table-days-hour-preferred-ob input {
    min-width: 80px; }
  .theme-orange .color-primary {
    color: #FF5C00; }
  .theme-orange .btn-upload {
    background-color: #FF5C00;
    color: white; }
  .theme-orange .upload-yellow {
    color: #fff;
    background-color: #E60077;
    font-weight: 700;
    font-size: 12px;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 6px;
    border: none; }
    .theme-orange .upload-yellow .fa {
      font-size: 32px; }
  .theme-orange #inneroverlayTPClient {
    border-color: #FF5C00; }
  .theme-orange #LoadingLabel {
    color: #2e2e2e; }
  .theme-orange .dropdown-menu > li > a:hover, .theme-orange .dropdown-menu > li > a:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-orange .mce-menu-item.mce-selected {
    background-color: #d9ebf7;
    color: black; }
  .theme-orange .mce-menu-item:hover, .theme-orange .mce-menu-item:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-orange .mce-btn.mce-active, .theme-orange .mce-btn.mce-active:hover, .theme-orange .mce-btn.mce-active:focus, .theme-orange .mce-btn.mce-active:active {
    background-color: #FF5C00; }
  .theme-orange .mce-menu-item.mce-active.mce-menu-item-normal {
    background-color: #FF5C00; }
  .theme-orange #div-logo-tenant {
    padding: 10px; }
    .theme-orange #div-logo-tenant > img {
      width: 180px !important;
      background-color: white;
      margin: 0 auto;
      margin-top: 10px;
      border-radius: 10px;
      border-radius: 10px !important; }
  .theme-orange ::selection {
    background: #FF5C00;
    color: #fff; }
  .theme-orange .radio input[type=radio]:checked + label:before, .theme-orange .radio input[type=radio]:hover + label:before {
    border: 1px solid #FF5C00; }
  .theme-orange .radio label:after {
    background-color: #FF5C00;
    border: 1px solid #FF5C00; }
  .theme-orange .checkbox-nice label:before {
    border-color: #FF5C00;
    background-color: #FF5C00; }
  .theme-orange .checkbox-nice label:after {
    border-color: white; }
  .theme-orange .checkbox-nice input[type=checkbox]:not(:checked) + label:before {
    background-color: white; }
  .theme-orange .checkbox-nice input[type=checkbox][disabled] + label:before {
    background-color: #c5c5c5;
    border: 1px solid #c1c1c1; }
  .theme-orange #tpMainContainerTabs #tpMainTabs > li img {
    display: none; }
  .theme-orange .ui-autocomplete .ui-state-focus {
    border: 0px !important;
    background: #ffe6ef !important;
    color: black !important; }
  .theme-orange .clsMergeINJ {
    float: left;
    /*  > button > i.tpNavyColorToolbarDT:hover {
        color: black !important;
    }*/
    /*> button > i.tpNavyColorToolbarDT {
        color: #595657 !important;
    }*/
    /*> button > i:hover {
        color: black !important;
    }*/ }
    .theme-orange .clsMergeINJ > button {
      background-color: transparent !important;
      border: none !important;
      margin-left: 0 !important;
      padding-right: 0 !important; }
    .theme-orange .clsMergeINJ > button > i {
      /*color: #595657 !important;*/ }
      .theme-orange .clsMergeINJ > button > i.tpExportToExcelCheckBox {
        font-size: 1.1em !important; }
  .theme-orange .tpExportToExcelCheckBox {
    color: #FF5C00 !important; }
  .theme-orange .btn {
    border: none !important; }
    .theme-orange .btn.btn-light-blue {
      background: #FF5C00;
      color: white;
      border: none; }
      .theme-orange .btn.btn-light-blue .badge.badge-theme {
        background-color: #F7F7F7;
        color: #5d5d5d; }
    .theme-orange .btn.btn-theme {
      background: #E60077; }
      .theme-orange .btn.btn-theme:hover {
        background: #E60077; }
    .theme-orange .btn.btn-primary {
      background: #FF5C00;
      color: white !important; }
      .theme-orange .btn.btn-primary:hover {
        background: #FF5C00;
        outline: none; }
    .theme-orange .btn.btn-danger {
      background: #EB0027; }
      .theme-orange .btn.btn-danger:hover {
        background: #EB0027; }
      .theme-orange .btn.btn-danger:focus {
        outline: none; }
    .theme-orange .btn.btn-success {
      background: #33CF8D; }
      .theme-orange .btn.btn-success:hover {
        background: #33CF8D; }
    .theme-orange .btn.btn-warning {
      background: #FF8F00; }
      .theme-orange .btn.btn-warning:hover {
        background: #FF8F00; }
    .theme-orange .btn.btn-white-with-border {
      border: 1px solid #FF5C00 !important;
      background-color: white;
      color: #FF5C00; }
      .theme-orange .btn.btn-white-with-border:hover {
        background-color: white;
        color: #FF5C00;
        border-color: #FF5C00 !important; }
      .theme-orange .btn.btn-white-with-border.btn[disabled] {
        background-color: #CBCBCB;
        color: #878787; }
    .theme-orange .btn.btn-secondary {
      background-color: #DDDDDD;
      color: #2E2E2E; }
    .theme-orange .btn.fixed-size {
      width: 85px; }
      .theme-orange .btn.fixed-size .material-icons {
        float: right;
        font-size: 20px; }
      .theme-orange .btn.fixed-size.btn-primary {
        margin-left: 7px; }
  .theme-orange button:active, .theme-orange button:focus, .theme-orange input[type="button"]:active, .theme-orange input[type="button"]:focus, .theme-orange input[type="submit"]:active, .theme-orange input[type="submit"]:focus, .theme-orange li:active, .theme-orange li:focus, .theme-orange td:active, .theme-orange td:focus {
    outline: none !important; }
  .theme-orange .input-group-TPaddon .fa.fa-star {
    color: #EB0027; }
  .theme-orange .alert-secondary {
    background-color: #DDDDDD;
    color: #2E2E2E;
    border-color: #DDDDDD; }
  .theme-orange .alert-success {
    background-color: #CEF3E5;
    color: #1B6C49;
    border-color: #CEF3E5; }
  .theme-orange .alert-info {
    background-color: #E4CCEA;
    color: #3E004E;
    border-color: #E4CCEA; }
  .theme-orange .alert-warning {
    background-color: #FFF7DA;
    color: #85732D;
    border-color: #FFF7DA; }
  .theme-orange .alert-danger {
    background-color: #FDC5CE;
    color: #47000C;
    border-color: #FDC5CE; }
  .theme-orange .alert-primary {
    background-color: #ECCCEA;
    color: #53004D;
    border-color: #ECCCEA; }
  .theme-orange .alert-theme {
    background-color: #eaddcc;
    color: #4e3200;
    border: #eaddcc; }
  .theme-orange .tpHighlightspan {
    background-color: #F7F7F7;
    color: #2e2e2e;
    border-color: #F7F7F7; }
  .theme-orange #AvailableQueuesChatListDiv .tpmain-box {
    padding-top: 0; }
  .theme-orange span[id^="tpTabcloseMain"] {
    color: #2e2e2e;
    background-color: transparent; }
  .theme-orange span[id^="tpTabcloseMain"]:hover {
    color: #EB0027;
    background-color: transparent; }
  .theme-orange #bar .user #bar_user .close a {
    color: #EB0027 !important; }
  .theme-orange #bar .user #bar_user .close a:hover {
    background-color: #EB0027 !important; }
  .theme-orange .badge-vertical-tab {
    background-color: #FF5C00 !important;
    color: white !important; }
  .theme-orange .tplimenuitemiclose:hover {
    color: #EB0027 !important; }
  .theme-orange .has-error .help-block, .theme-orange .has-error .control-label {
    color: #EB0027; }
  .theme-orange #tpMainTabs > li {
    background: #f7f7f7; }
  .theme-orange #tpMainTabs > li.active {
    color: black; }
  .theme-orange #tpMainTabs > li > a {
    color: black;
    border-top: 2px solid #e6e6e6; }
  .theme-orange #tpMainTabs > li > a:hover {
    border-top: 2px solid #e6e6e6;
    background-color: #f7f7f7;
    color: black; }
  .theme-orange #tpMainTabs > .nav-tabs > li > a {
    background-color: #f7f7f7; }
  .theme-orange #tpMainTabs > li.active > a {
    background-color: white;
    border-top: 2px solid #FF5C00;
    color: black; }
  .theme-orange #tpHeaderDiv {
    background-color: #F7F7F7; }
  .theme-orange #content-wrapper {
    background-color: #F7F7F7 !important;
    /*margin-left: 267px;*/ }
  .theme-orange #footer-bar {
    background-color: #F7F7F7 !important; }
  .theme-orange#Body[data-main-page="true"] {
    background-color: #F7F7F7 !important; }
  .theme-orange .TPClipboard {
    color: #FF5C00 !important; }
  .theme-orange #MasterBody_ReportsTable .btn {
    border: none !important; }
    .theme-orange #MasterBody_ReportsTable .btn.btn-light-blue {
      background: #F7F7F7;
      color: #2e2e2e;
      border: none; }
      .theme-orange #MasterBody_ReportsTable .btn.btn-light-blue .badge.badge-theme {
        background-color: #FFFFFF;
        color: #2e2e2e; }
  .theme-orange #MasterBody_ReportsTable .tpReportTableTitle {
    color: #FF5C00; }
  .theme-orange .tpstepwizardheader .badge {
    position: relative;
    top: -1px; }
  .theme-orange #ExpandCollapseButton {
    color: #2e2e2e !important; }
  .theme-orange #leftMenuContainer {
    background-color: #fff !important; }
  .theme-orange .tpCollapsiblePanel-primary {
    color: #2e2e2e;
    background-color: #F7F7F7; }
  .theme-orange #HelpDetailsDiv .alert.alert-info {
    background-color: white; }
  .theme-orange #icons-body .icon-item {
    color: #2e2e2e; }
    .theme-orange #icons-body .icon-item:hover {
      color: #FF5C00; }
    .theme-orange #icons-body .icon-item.selected {
      border-color: #FF5C00; }
  .theme-orange .conversation-wrapper .conversation-body {
    background: #F7F7F7; }
  .theme-orange .conversation-wrapper .conversation-body:before {
    top: 0;
    border-color: #F7F7F7 #F7F7F7 transparent transparent;
    left: -11px; }
  .theme-orange .conversation-wrapper .conversation-item.item-right .conversation-body:before {
    border-color: #73BDFF transparent transparent #73BDFF;
    right: -11px; }
  .theme-orange .conversation-wrapper .conversation-item.item-right .conversation-body.conversation-supervisor:before {
    border-color: #ffeb80 transparent transparent #ffeb80;
    right: -11px; }
  .theme-orange .conversation-wrapper .conversation-item.item-right .conversation-body {
    background: #73BDFF; }
  .theme-orange .conversation-wrapper .conversation-body > .time {
    bottom: 2px;
    right: 35px;
    top: initial;
    color: #2D2D2D; }
  .theme-orange .conversation-wrapper .conversation-body > .time:before {
    font-family: initial;
    content: "";
    margin-top: 0; }
  .theme-orange .conversation-wrapper .conversation-body .name > img {
    position: absolute;
    bottom: 4px;
    right: 10px; }
  .theme-orange .conversation-wrapper .conversation-body > .text {
    font-size: 1.23em;
    color: #2d2d2d; }
  .theme-orange .conversation-wrapper .conversation-item.item-left .conversation-body > .text a {
    color: #2d2d2d;
    text-decoration: underline !important; }
  .theme-orange .conversation-wrapper .conversation-item.item-right .conversation-body > .text a {
    color: #fff;
    text-decoration: underline !important; }
  .theme-orange #other-options-table #other-options-menu img {
    width: 25px;
    border: 1px solid #089BFF;
    padding: 2px;
    border-radius: 3px; }
  .theme-orange a {
    color: #FF5C00;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent; }
  .theme-orange a:hover, .theme-orange a:focus {
    color: #E60077;
    text-decoration: none !important; }
  .theme-orange a:visited {
    text-decoration: none !important; }
  .theme-orange .form-control:focus {
    border-color: rgba(255, 92, 0, 0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 92, 0, 0.6); }
  .theme-orange .dataTable thead th:hover {
    color: #E60077; }
  .theme-orange .case-view-container {
    /*pending to check if is general or not*/
    /*this is for changing  caret for dropdowns*/
    /*end changing caret for dropdowns*/
    /*end pending*/ }
    .theme-orange .case-view-container .header .case-number {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 18px; }
    .theme-orange .case-view-container .header .customer-name {
      display: flex;
      align-items: center;
      padding-top: 5px; }
      .theme-orange .case-view-container .header .customer-name .CustomerNameTitle, .theme-orange .case-view-container .header .customer-name .CustomerName, .theme-orange .case-view-container .header .customer-name .TPClipboard {
        font-size: 15px;
        font-style: normal;
        margin-bottom: 5px; }
      .theme-orange .case-view-container .header .customer-name .material-icons {
        font-size: 20px;
        margin-left: 5px; }
    .theme-orange .case-view-container .side-menu ul {
      list-style: none;
      padding-left: 0; }
      .theme-orange .case-view-container .side-menu ul li {
        padding: 15px;
        color: #2E2E2E;
        font-size: 13px; }
        .theme-orange .case-view-container .side-menu ul li a {
          color: #2E2E2E; }
        .theme-orange .case-view-container .side-menu ul li:hover, .theme-orange .case-view-container .side-menu ul li.active {
          color: #FF5C00;
          cursor: pointer;
          border-left: 5px solid #FF5C00;
          font-weight: 600; }
          .theme-orange .case-view-container .side-menu ul li:hover a, .theme-orange .case-view-container .side-menu ul li.active a {
            color: #FF5C00; }
    .theme-orange .case-view-container .dropdown .dropdown-toggle .caret {
      width: 10px;
      height: 10px;
      border: none;
      font-family: 'FontAwesome';
      margin-left: 15px; }
    .theme-orange .case-view-container .dropdown .dropdown-toggle .caret:before {
      content: "\f107";
      position: absolute;
      top: 1px;
      font-size: 18px; }
    .theme-orange .case-view-container .dropdown-menu > li > a {
      padding-left: 5px;
      padding-right: 5px;
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none; }
      .theme-orange .case-view-container .dropdown-menu > li > a .icon-container {
        margin-right: 10px; }
        .theme-orange .case-view-container .dropdown-menu > li > a .icon-container span {
          font-size: 16px; }
    .theme-orange .case-view-container .navbar-default .navbar-nav > li > a {
      color: #2e2e2e;
      font-weight: 600;
      display: flex;
      align-items: center; }
    .theme-orange .case-view-container .navbar-default .navbar-collapse, .theme-orange .case-view-container .navbar-default .navbar-form, .theme-orange .case-view-container .navbar-default {
      background-color: white;
      background: white; }
    .theme-orange .case-view-container .navbar-default .navbar-nav > .open > a, .theme-orange .case-view-container .navbar-default .navbar-nav > .open > a:focus, .theme-orange .case-view-container .navbar-default .navbar-nav > .open > a:hover {
      background-color: white;
      background: white;
      color: #2e2e2e; }
    .theme-orange .case-view-container .navbar-default .navbar-nav > .active > a, .theme-orange .case-view-container .navbar-default .navbar-nav > .active > a:focus, .theme-orange .case-view-container .navbar-default .navbar-nav > .active > a:hover {
      color: #2e2e2e;
      background-color: white;
      border-bottom: 3px solid #FF5C00; }
    .theme-orange .case-view-container .dropdown-menu > .active > a, .theme-orange .case-view-container .dropdown-menu > .active > a:hover, .theme-orange .case-view-container .dropdown-menu > .active > a:focus {
      color: white;
      background-color: #FF5C00; }
    .theme-orange .case-view-container .dropdown-menu > li > a:hover, .theme-orange .case-view-container .theme-tp .dropdown-menu > li > a:focus {
      color: white;
      background-color: #FF5C00; }
  .theme-orange #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-orange #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: white !important; }
  .theme-orange .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
    border: none !important; }
  .theme-orange .new-title {
    font-size: 18px;
    font-weight: 900;
    color: #2e2e2e; }
  .theme-orange .n-p-l {
    padding-left: 0; }
  .theme-orange .m-t-5 {
    margin-top: 5px; }
  .theme-orange #sidebar-nav .nav li .submenu > li > a {
    transition: none; }
  .theme-orange .font-color-primary, .theme-orange .text-primary {
    color: #FF5C00; }
  .theme-orange .background-color-primary {
    background-color: #FF5C00; }
  .theme-orange .dropdown > a > .icon-container {
    margin-right: 10px; }
    .theme-orange .dropdown > a > .icon-container .material-icons {
      font-size: 16px; }
  .theme-orange .input-group-TPaddon {
    color: #EB0027; }
  .theme-orange .TPFieldRequired {
    color: #EB0027; }
  .theme-orange .fs-28 {
    font-size: 28px !important; }
  .theme-orange .fs-26 {
    font-size: 26px !important; }
  .theme-orange .fs-24 {
    font-size: 24px !important; }
  .theme-orange .fs-22 {
    font-size: 22px !important; }
  .theme-orange .fs-20 {
    font-size: 20px !important; }
  .theme-orange .fs-18 {
    font-size: 18px !important; }
  .theme-orange .fs-17 {
    font-size: 17px !important; }
  .theme-orange .fs-16 {
    font-size: 16px !important; }
  .theme-orange .fs-15 {
    font-size: 15px !important; }
  .theme-orange .trash-icon {
    color: #EB0027; }
  .theme-orange .nav.nav-pills > li {
    background-color: white !important;
    border-radius: 0; }
    .theme-orange .nav.nav-pills > li a, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] {
      background-color: white !important;
      color: #2e2e2e !important; }
      .theme-orange .nav.nav-pills > li a i, .theme-orange .nav.nav-pills > li a span:not(.badge), .theme-orange .nav.nav-pills > li a span:not(.fa.fa-square), .theme-orange .nav.nav-pills > li a div, .theme-orange .nav.nav-pills > li a div[data-toggle="popover"], .theme-orange .nav.nav-pills > li a div[data-toggle="popover"] i, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] i, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge), .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square), .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"], .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-orange .nav.nav-pills > li a i:hover, .theme-orange .nav.nav-pills > li a span:not(.badge):hover, .theme-orange .nav.nav-pills > li a span:not(.fa.fa-square):hover, .theme-orange .nav.nav-pills > li a div:hover, .theme-orange .nav.nav-pills > li a div[data-toggle="popover"]:hover, .theme-orange .nav.nav-pills > li a div[data-toggle="popover"] i:hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] i:hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge):hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square):hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div:hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"]:hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i:hover {
          color: #2e2e2e !important; }
      .theme-orange .nav.nav-pills > li a:hover, .theme-orange .nav.nav-pills > li a[data-toggle="dropdown"]:hover {
        background-color: white !important;
        color: #2e2e2e !important; }
    .theme-orange .nav.nav-pills > li.active {
      background-color: white !important;
      color: #2e2e2e !important;
      border-bottom: 4px solid #FF5C00; }
      .theme-orange .nav.nav-pills > li.active a {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-orange .nav.nav-pills > li.active a i, .theme-orange .nav.nav-pills > li.active a span:not(.badge), .theme-orange .nav.nav-pills > li.active a div {
          background-color: white !important;
          color: #2e2e2e !important; }
          .theme-orange .nav.nav-pills > li.active a i:hover, .theme-orange .nav.nav-pills > li.active a span:not(.badge):hover, .theme-orange .nav.nav-pills > li.active a div:hover {
            color: #2e2e2e !important; }
      .theme-orange .nav.nav-pills > li.active ul > li.active {
        background-color: #FF5C00 !important;
        color: white !important; }
        .theme-orange .nav.nav-pills > li.active ul > li.active a {
          background-color: #FF5C00 !important;
          color: white !important; }
          .theme-orange .nav.nav-pills > li.active ul > li.active a i, .theme-orange .nav.nav-pills > li.active ul > li.active a span:not(.badge) {
            background-color: #FF5C00 !important;
            color: white !important; }
      .theme-orange .nav.nav-pills > li.active ul > li:hover {
        background-color: #FF5C00 !important;
        color: white !important; }
    .theme-orange .nav.nav-pills > li ul > li:hover {
      background-color: #FF5C00 !important;
      color: white !important; }
      .theme-orange .nav.nav-pills > li ul > li:hover a {
        background-color: #FF5C00 !important;
        color: white !important; }
        .theme-orange .nav.nav-pills > li ul > li:hover a span.fa.fa-square {
          background-color: initial !important; }
    .theme-orange .nav.nav-pills > li ul > li a {
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none;
      align-items: center; }
      .theme-orange .nav.nav-pills > li ul > li a > i, .theme-orange .nav.nav-pills > li ul > li a > span, .theme-orange .nav.nav-pills > li ul > li a > div {
        margin: 0;
        display: block;
        position: initial; }
      .theme-orange .nav.nav-pills > li ul > li a:hover {
        background-color: #FF5C00 !important;
        color: white !important; }
        .theme-orange .nav.nav-pills > li ul > li a:hover i, .theme-orange .nav.nav-pills > li ul > li a:hover span:not(.badge), .theme-orange .nav.nav-pills > li ul > li a:hover div {
          background-color: #FF5C00 !important;
          color: white !important; }
          .theme-orange .nav.nav-pills > li ul > li a:hover i:hover, .theme-orange .nav.nav-pills > li ul > li a:hover span:not(.badge):hover, .theme-orange .nav.nav-pills > li ul > li a:hover div:hover {
            background-color: #FF5C00 !important;
            color: white !important; }
    .theme-orange .nav.nav-pills > li ul > li:not([id^="palette"]) {
      color: initial !important; }
  .theme-orange .text-neutral {
    color: #2e2e2e !important; }
  .theme-orange .text-neutral-with-hover {
    color: #2e2e2e !important; }
    .theme-orange .text-neutral-with-hover:hover {
      color: #FF5C00 !important; }
  .theme-orange .text-white {
    color: white !important; }
  .theme-orange .far-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #8BE4BF;
    color: #2D2D2D; }
  .theme-orange .near-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #FF6F00;
    color: white; }
  .theme-orange .expired {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #EB0027;
    color: white; }
  .theme-orange .lag {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #DDDDDD;
    color: #2D2D2D; }
  .theme-orange .arrow-left-swipe {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px; }
  .theme-orange .view-mode select[disabled="disabled"], .theme-orange .view-mode select:disabled, .theme-orange .view-mode select option:disabled, .theme-orange .view-mode input, .theme-orange .view-mode textarea {
    background-color: white !important;
    color: #2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none !important; }
  .theme-orange .view-mode select::-ms-expand {
    display: none; }
  .theme-orange .view-mode .input-group-addon {
    display: none; }
  .theme-orange .view-mode .control-label.tpNavyColor {
    font-weight: 600; }
  .theme-orange .view-mode .control-label {
    padding-top: 0 !important; }
  .theme-orange .view-mode .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .theme-orange .view-mode .addaControlPpal.form-group.tpValidateGroup {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important; }
    .theme-orange .view-mode .addaControlPpal.form-group.tpValidateGroup .text-right {
      text-align: left; }
  .theme-orange .view-mode #FormDesignerMainDiv .row {
    margin-bottom: 0 !important; }
  .theme-orange .view-mode [id*="MasterBody_tdRenderLabel_"] {
    width: 41.66666667% !important; }
  .theme-orange .view-mode [id*="MasterBody_tdRenderControl_"] {
    width: 58.33333333% !important; }
  .theme-orange .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .theme-orange .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #FF5C00;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #FF5C00 transparent transparent transparent; }
      .theme-orange .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .theme-orange .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .theme-orange .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .theme-orange .text-primary {
    color: #FF5C00; }
  .theme-orange .text-secondary {
    color: #E60077; }
  .theme-orange .text-success {
    color: #33CF8D; }
  .theme-orange .text-danger {
    color: #EB0027; }
  .theme-orange .text-warning {
    color: #FF8F00; }
  .theme-orange .text-info {
    color: #3047B0; }
  .theme-orange .text-dark {
    color: #2e2e2e; }
  .theme-orange .text-white {
    color: white; }
  .theme-orange .text-neutral {
    color: #2e2e2e; }
  .theme-orange .sweet-alert .sa-icon.sa-warning {
    border-color: #FF8F00; }
  .theme-orange .sweet-alert .sa-icon.sa-warning .sa-body {
    background-color: #FF8F00; }
  .theme-orange .sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #FF8F00; }

@keyframes pulseWarning {
  0% {
    border-color: #FF8F00; }
  100% {
    border-color: #FF8F00; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #FF8F00; }
  100% {
    background-color: #FF8F00; } }
  .theme-orange .sa-button-container .sa-confirm-button-container .confirm {
    background-color: #FF5C00 !important;
    color: white !important; }
  .theme-orange .sa-button-container .cancel {
    background-color: #EB0027 !important;
    color: white !important; }
  .theme-orange .contact-support-spellcheck-icons {
    font-size: 30px;
    color: #FF5C00; }
  .theme-orange .badge {
    border-radius: 0; }
  .theme-orange [data-toggle="pill"] .badge-primary {
    background-color: #e6e6e6 !important;
    color: #2e2e2e !important; }
  .theme-orange .title-collapse-expand {
    cursor: pointer; }
  @media (min-width: 992px) {
    .theme-orange .nav-small #nav-col #sidebar-nav .nav > li > a > span.material-icons {
      display: block; } }
  .theme-orange .toolbar-collapse-icon {
    float: right;
    margin: -1px;
    padding-right: 5px; }
  .theme-orange .toolbar-collapse-title {
    background-color: #f1f1f1f1;
    border-radius: 3px;
    padding: 5px; }
  .theme-orange .new-chat-ui .nav-pills > li.active > a, .theme-orange .nav-pills > li.active > a:hover, .theme-orange .nav-pills > li.active > a:focus, .theme-orange #sidebar-nav .nav-pills > li.active > a, .theme-orange #sidebar-nav .nav-pills > li.active > a:hover, .theme-orange #sidebar-nav .nav-pills > li.active > a:focus, .theme-orange .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: white;
    border-left: 4px solid #FF5C00;
    color: #FF5C00; }
  .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:hover, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:focus, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:hover, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:focus, .theme-orange .new-chat-ui #chat-utilities #chat-utilities-container .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left-color: transparent !important; }
  .theme-orange .btn-white-with-border svg path {
    fill: #FF5C00 !important; }
  .theme-orange .nav-pills > li.active > a, .theme-orange .theme-tp .nav-pills > li.active > a:hover, .theme-orange .theme-tp .nav-pills > li.active > a:focus, .theme-orange .theme-tp #sidebar-nav .nav-pills > li.active > a, .theme-orange .theme-tp #sidebar-nav .nav-pills > li.active > a:hover, .theme-orange .theme-tp #sidebar-nav .nav-pills > li.active > a:focus, .theme-orange .theme-tp .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left: none !important; }

.theme-teal {
  /*left menu*/
  /*#sidebar-nav .nav > li {
    background-color: $menu-background-color;
}*/
  /*end left menu*/
  /*right menu*/
  /*end right menu*/
  /*wizards*/
  /*.wizard .wizard-inner ul li.active {*/
  /*}*/
  /*end wizards*/
  /*badges*/
  /*end badges*/
  /*Custom modals*/
  /*end custom modals*/
  /*accordions*/
  /*end accordions*/
  /*kb search result tables*/
  /*end kb serach result tables*/
  /*loading tp*/
  /*.tdLoadingContainer {*/
  /*}*/
  /*end loading tp*/
  /*Simulations colors*/
  /*End simulations*/
  /*Datatables*/
  /*End datatables*/
  /*Dashboards*/
  /*End Dashboards*/
  /*Radiobutton*/
  /*End RadioButton*/
  /*Images changed by fonts*/
  /*End images changed by fonts*/
  /*scripts*/
  /*end scripts*/
  /*line on reports*/
  /**/
  /*ABINVEB*/
  /*radios and checkboxes*/
  /*end radios and checkboxes*/
  /*Start Button*/
  /*End Buttons*/
  /*span[id^="tpTabcloseMain"]:hover {
    color: $tp-red-color;
}*/
  /*Tabs change*/
  /*tabs*/
  /*end tabs*/
  /*Full Page Background color */
  /*#nav-col {
    width: 267px;
}*/
  /*End Full page background color*/
  /*#error-page-body {
    color: $tp-color-primary-theme;
}*/
  /*Links*/
  /*End links*/
  /*pills*/
  /*end pills*/ }
  .theme-teal #nav-col,
  .theme-teal #page-wrapper {
    background-color: #fff; }
  .theme-teal #col-left {
    height: calc(100% - 46px); }
  .theme-teal #dropMenuProfile > li button#save-theme-preferences-button {
    color: #00AF9B; }
  .theme-teal #sidebar-nav .nav > li {
    background-color: #fff; }
  .theme-teal #sidebar-nav .nav li .submenu {
    background-color: #fff; }
  .theme-teal #sidebar-nav .nav > li > a {
    color: #2e2e2e; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-teal #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: #fff; }
  .theme-teal #sidebar-nav .nav .open > a:hover {
    color: #fff; }
  .theme-teal #sidebar-nav .nav li .submenu:hover {
    /*background-color: $menu-background-color-hover;*/ }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > a,
  .theme-teal #sidebar-nav .nav > .active > .submenu > li > a {
    border-bottom-color: transparent !important; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > a:hover,
  .theme-teal #sidebar-nav .nav > .active > .submenu > li > a:hover {
    background-color: #00AF9B !important;
    /* margin-left: 10px;
    margin-right: 20px;*/ }
  .theme-teal #sidebar-nav .nav li .submenu > li > a {
    color: #2e2e2e; }
  .theme-teal #sidebar-nav .nav li .submenu > li > a:hover,
  .theme-teal #sidebar-nav .nav li .submenu > li > a.active,
  .theme-teal #sidebar-nav .nav li .submenu > li.active > a {
    background-color: #fff; }
  .theme-teal #sidebar-nav .nav > li > a:hover, .theme-teal #sidebar-nav .nav .open > a:hover {
    color: #2e2e2e; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > .submenu,
  .theme-teal #sidebar-nav .nav > .active > .submenu > li > .submenu {
    background-color: #00AF9B; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > .open > a,
  .theme-teal #sidebar-nav .nav > .active > .submenu > .open > a,
  .theme-teal #sidebar-nav .nav > .active > .submenu > .active > a {
    border-bottom-color: transparent;
    box-shadow: 0 -1px 0 transparent inset; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > .submenu > li a:hover,
  .theme-teal #sidebar-nav .nav > .active > .submenu > li > .submenu > li a:hover,
  .theme-teal #sidebar-nav .nav > .active > .submenu > li > .submenu > li a.active {
    color: #00AF9B;
    background-color: #00AF9B !important; }
  .theme-teal #sidebar-nav .nav > li.open {
    background-color: #fff; }
  .theme-teal #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon {
    color: #2e2e2e;
    font-size: 18px; }
    .theme-teal #sidebar-nav .nav li > a.dropdown-toggle > .drop-icon:before {
      content: "\f105" !important; }
  .theme-teal #sidebar-nav .nav > li > a:hover {
    background-color: #fff;
    border-left-color: #00AF9B;
    border-right-color: #00AF9B;
    color: #2e2e2e; }
  .theme-teal .c-menu {
    background-color: #fff; }
  .theme-teal .c-menu--slide-right .nav.nav-pills.nav-stacked > li > a {
    color: #2e2e2e;
    border-bottom: 1px solid transparent; }
  .theme-teal .c_menu__item_group {
    background-color: #fff;
    color: #2e2e2e; }
  .theme-teal #rightMenuUlToastCenterDiv {
    color: #2e2e2e; }
  .theme-teal tr.toast-header {
    background-color: #fff; }
  .theme-teal .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :hover {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #00826D; }
  .theme-teal .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) :focus {
    background-color: #fff;
    color: #2e2e2e;
    border-left: 2px solid #00826D; }
  .theme-teal .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) a :hover,
  .theme-teal .c-menu--slide-right .nav.nav-pills.nav-stacked > li:not(.c_menu__item_group) i :hover {
    background-color: #fff;
    color: #2e2e2e;
    border: 0; }
  .theme-teal #tpMainTabs > li.active > a {
    border-top-color: #00AF9B; }
  .theme-teal #tpMainTabs > li:not(.active) > a:hover {
    border-top-color: #e6e6e6; }
  .theme-teal .tpclientItemMenuActiveAdmin {
    border-left-color: #00AF9B; }
  .theme-teal .tpReportTableCommentsFilter {
    color: #00AF9B; }
  .theme-teal .CaseNumberTitle {
    color: #00AF9B !important; }
  .theme-teal .tpTabTitleSwal {
    color: #00826D; }
  .theme-teal .wizard .wizard-inner ul li.active .chevron:before {
    border-left: 14px solid #d9ebf7; }
  .theme-teal .wizard .wizard-inner {
    /*background-color: $wizard-background;*/
    /*border: 1px solid $wizard-border-color;*/
    background-color: initial;
    border: none; }
    .theme-teal .wizard .wizard-inner ul li {
      /*background-color: $wizard-step-background;
                color: $wizard-step-color;*/
      background-color: white;
      color: #989898; }
      .theme-teal .wizard .wizard-inner ul li:first-child {
        border-radius: 0; }
      .theme-teal .wizard .wizard-inner ul li .badge.badge-primary {
        padding: 14px;
        border: 1px solid #989898;
        color: #989898;
        background-color: white !important;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .theme-teal .wizard .wizard-inner ul li .chevron {
        display: none;
        /*border-left-color: $wizard-border-color;*/
        /*&:before {
                        border-left-color: $wizard-step-background;
                   
                } */ }
      .theme-teal .wizard .wizard-inner ul li .liHelpButton {
        background-color: white !important; }
      .theme-teal .wizard .wizard-inner ul li.active {
        /*background-color: $wizard-step-active-background;
                    color: $wizard-step-active-color;*/
        background-color: white;
        color: #2e2e2e;
        font-weight: 600; }
        .theme-teal .wizard .wizard-inner ul li.active .chevron {
          /*border-left-color: $wizard-step-active-background;

                        &:before {
                            border-left-color: $wizard-step-active-background;
                        }*/ }
        .theme-teal .wizard .wizard-inner ul li.active .badge, .theme-teal .wizard .wizard-inner ul li.active .badge:hover {
          /*background-color: $wizard-badge-background !important;
                    color: $wizard-badge-color !important;*/
          background-color: white !important;
          color: #00AF9B !important;
          border-color: #00AF9B;
          font-weight: 900; }
  .theme-teal .badge.badge-primary,
  .theme-teal .badge.badge-primary:hover {
    background-color: #00AF9B !important; }
  .theme-teal .active > .badge.badge-primary, .theme-teal .active > .badge.badge-primary:hover {
    background-color: white !important;
    color: #00826D !important; }
  .theme-teal .badge.badge-theme {
    background-color: #00826D; }
  .theme-teal .badge.badge-gray {
    background-color: #e6e6e6;
    color: #2e2e2e; }
  .theme-teal .badge.badge-warning {
    background-color: #FFF7DA;
    color: #85732D; }
  .theme-teal .badge.badge-danger {
    background-color: #FDC5CE;
    color: #47000C; }
  .theme-teal .badge.badge-success {
    background-color: #CEF3E5;
    color: #1B6C49; }
  .theme-teal .label-primary, .theme-teal .fc-event.label-primary {
    background-color: #00AF9B; }
  .theme-teal .modal-header {
    background-color: #F7F7F7;
    color: #2e2e2e; }
    .theme-teal .modal-header .close {
      color: #2e2e2e !important; }
  .theme-teal .panel-heading .panel-title a {
    color: white; }
  .theme-teal .panel-group .panel .panel-heading:hover {
    background-color: #00826D;
    border-color: #00826D; }
  .theme-teal table.kb-results-table > tbody > tr.selected {
    background-color: #00AF9B !important; }
  .theme-teal table.kb-results-table > tbody > tr:hover {
    background-color: #00AF9B !important; }
  .theme-teal .title-box-kb {
    background-color: #00AF9B; }
  .theme-teal .tpLoadingTP .st0 {
    fill: #00AF9B; }
  .theme-teal .progress .progress-bar {
    background-color: #00AF9B; }
  .theme-teal .clsStep [id^='titleDiv-'] {
    color: #00826D; }
  .theme-teal .clsStep:last-child {
    background-color: #d9ebf7;
    border-left: 4px solid #00AF9B; }
  .theme-teal .clsStep {
    background-color: #d9ebf7; }
  .theme-teal .tpNavyColorToolbarDT {
    color: #00826D !important; }
  .theme-teal .dataTables_wrapper {
    background-color: white !important;
    border: none !important; }
  .theme-teal .dataTable {
    border: none; }
  .theme-teal .dataTable > tbody > tr > td,
  .theme-teal .dataTable > tbody > tr > th,
  .theme-teal .dataTable > tfoot > tr > td,
  .theme-teal .dataTable > tfoot > tr > th,
  .theme-teal .dataTable > thead > tr > td,
  .theme-teal .dataTable > thead > tr > th {
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    /*change for variable*/ }
  .theme-teal .dataTable tr.odd {
    background-color: white !important; }
  .theme-teal .dataTable tr.even {
    background-color: #F7F7F7 !important; }
  .theme-teal .dataTable tbody tr:hover {
    background-color: #DDDDDD !important; }
  .theme-teal .dataTables_wrapper > .row {
    background-color: #f7f7f7 !important; }
  .theme-teal .dataTable thead {
    background-color: #f7f7f7 !important; }
  .theme-teal .dataTables_wrapper .btn.btn-white {
    background-color: transparent; }
    .theme-teal .dataTables_wrapper .btn.btn-white:hover, .theme-teal .dataTables_wrapper .btn.btn-white:active, .theme-teal .dataTables_wrapper .btn.btn-white:focus {
      background-color: transparent;
      box-shadow: none !important; }
  .theme-teal table.dataTable thead .sorting:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-teal table.dataTable thead .sorting_asc:after {
    opacity: 1;
    content: "\e253";
    position: initial;
    float: right; }
  .theme-teal table.dataTable thead .sorting_desc:after {
    opacity: 1;
    content: "\e252";
    position: initial;
    float: right; }
  .theme-teal table.dataTable thead tr th {
    padding: 15px !important;
    font-weight: 900;
    color: #2E2E2E; }
  .theme-teal td a {
    font-weight: 900; }
  .theme-teal .clsMergeINJ > button > i {
    color: #00AF9B !important; }
  .theme-teal div#tpViewDataTable_paginate .pagination .paginate_button a {
    color: #00AF9B; }
  .theme-teal .pagination > .active > a, .theme-teal .pagination > .active > span, .theme-teal .pagination > .active > a:hover, .theme-teal .pagination > .active > span:hover, .theme-teal .pagination > .active > a:focus, .theme-teal .pagination > .active > span:focus {
    background-color: #00AF9B;
    border-color: #00AF9B;
    color: white !important; }
  .theme-teal .table-kpi table.pvtTable tr td {
    color: #00AF9B; }
  .theme-teal .tile.selected {
    border-color: #00AF9B !important; }
  .theme-teal .tile .title {
    border-bottom-color: #00AF9B !important; }
  .theme-teal .items ul li:hover, .theme-teal .items ul li.added {
    border-left-color: #00AF9B !important; }
  .theme-teal .items ul li.selected {
    border-color: #00AF9B !important; }
  .theme-teal .radio.green input[type=radio] + label:before,
  .theme-teal .radio.green input[type=radio]:checked + label:before,
  .theme-teal .radio.green input[type=radio]:hover + label:before {
    border: 2px solid green; }
  .theme-teal .radio.green label:after {
    background-color: green;
    border: 2px solid green; }
  .theme-teal .radio.yellow input[type=radio] + label:before,
  .theme-teal .radio.yellow input[type=radio]:checked + label:before,
  .theme-teal .radio.yellow input[type=radio]:hover + label:before {
    border: 2px solid orange; }
  .theme-teal .radio.yellow label:after {
    background-color: orange;
    border: 2px solid orange; }
  .theme-teal .radio.red input[type=radio] + label:before,
  .theme-teal .radio.red input[type=radio]:checked + label:before,
  .theme-teal .radio.red input[type=radio]:hover + label:before {
    border: 2px solid red; }
  .theme-teal .radio.red label:after {
    background-color: red;
    border: 2px solid red; }
  .theme-teal .icon-tp {
    background-color: #00AF9B;
    color: white; }
  .theme-teal .ActiveQuestionScript {
    background-color: #dff4ff;
    border-left-color: #00AF9B; }
  .theme-teal .alert-default {
    border-color: #00AF9B; }
  .theme-teal .status.circle {
    width: 25px;
    height: 25px;
    background-color: orange;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto; }
    .theme-teal .status.circle.yellow {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-teal .status.circle.red {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-teal .status.circle.green {
      background-color: darkgreen;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, green, darkgreen);
      background-image: radial-gradient(45px 45px 45deg, circle cover, green 0%, darkgreen 100%, orange 95%); }
    .theme-teal .status.circle.gray {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-teal .status.circle.PE {
      background-color: darkgray;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, gray, darkgray);
      background-image: radial-gradient(45px 45px 45deg, circle cover, gray 0%, darkgray 100%, gray 95%); }
    .theme-teal .status.circle.PR {
      background-color: orange;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
      background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%); }
    .theme-teal .status.circle.CL {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, black, #4b7896);
      background-image: radial-gradient(45px 45px 45deg, circle cover, black 0%, #4b7896 100%, gray 95%); }
    .theme-teal .status.circle.WH {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-teal .status.circle.AP {
      background-color: green;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, darkgreen, #65d065);
      background-image: radial-gradient(45px 45px 45deg, circle cover, darkgreen 0%, #65d065 100%, orange 95%); }
    .theme-teal .status.circle.RE {
      background-color: darkred;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, red, darkred);
      background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, darkred 100%, blue 95%); }
    .theme-teal .status.circle.CA {
      background-color: black;
      background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%);
      background-image: -webkit-radial-gradient(45px 45px, circle cover, #2980b9, black);
      background-image: radial-gradient(45px 45px 45deg, circle cover, #2980b9 0%, black 100%, gray 95%); }
    .theme-teal .status.circle span {
      position: absolute;
      color: white;
      top: 3PX;
      left: 4PX; }
  .theme-teal .timeline ul {
    padding: 1em 0 0 0.5em;
    margin: 0;
    list-style: none;
    position: relative; }
    .theme-teal .timeline ul::before {
      content: ' ';
      height: 100%;
      width: 1px;
      background-color: #d9d9d9;
      position: absolute;
      top: 0;
      left: 1em;
      z-index: -1; }
    .theme-teal .timeline ul li {
      cursor: pointer; }
      .theme-teal .timeline ul li:hover, .theme-teal .timeline ul li.selected {
        background-color: #eef2f5; }
  .theme-teal .timeline li div {
    display: inline-block;
    margin: 1em 0;
    vertical-align: top; }
  .theme-teal .timeline .bullet {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: white;
    z-index: 1;
    margin-right: 1em; }
    .theme-teal .timeline .bullet.red {
      border: 2px solid red; }
    .theme-teal .timeline .bullet.green {
      border: 2px solid green; }
    .theme-teal .timeline .bullet.orange {
      border: 2px solid orange; }
  .theme-teal .timeline .time {
    width: 20%;
    font-size: 0.75em;
    padding-top: 0.25em; }
    .theme-teal .timeline .time span {
      width: 100%;
      display: inline-block; }
  .theme-teal .timeline .desc {
    width: 65%; }
    .theme-teal .timeline .desc .text {
      width: 90%;
      display: inline-block; }
    .theme-teal .timeline .desc .icon {
      display: inline;
      /* width: 10%; */
      float: right; }
  .theme-teal .timeline h3 {
    font-size: 0.9em;
    font-weight: 400;
    margin: 0; }
  .theme-teal .timeline h4 {
    margin: 0;
    font-size: 0.7em;
    font-weight: 400;
    color: #808080; }
  .theme-teal .timeline .people .icon-img {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .theme-teal .timeline .icon-channel {
    font-size: 23px;
    float: right;
    margin-right: 3px; }
  .theme-teal .title-history {
    font-weight: 600; }
    .theme-teal .title-history.red {
      color: red; }
    .theme-teal .title-history.green {
      color: green !important; }
    .theme-teal .title-history.orange {
      color: orange; }
  .theme-teal .tpobchat #chatbox {
    width: 290px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    height: 484px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -155px; }
  .theme-teal .tpobchat #friendslist {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 484px; }
  .theme-teal .tpobchat #topmenu {
    height: 69px;
    width: 290px;
    border-bottom: 1px solid #d8dfe3; }
  .theme-teal .tpobchat #topmenu span {
    float: left;
    width: 96px;
    height: 70px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png") -3px -118px no-repeat; }
  .theme-teal .tpobchat #topmenu span.friends {
    margin-bottom: -1px; }
  .theme-teal .tpobchat #topmenu span.chats {
    background-position: -95px 25px;
    cursor: pointer; }
  .theme-teal .tpobchat #topmenu span.chats:hover {
    background-position: -95px -46px;
    cursor: pointer; }
  .theme-teal .tpobchat #topmenu span.history {
    background-position: -190px 24px;
    cursor: pointer; }
  .theme-teal .tpobchat #topmenu span.history:hover {
    background-position: -190px -47px;
    cursor: pointer; }
  .theme-teal .tpobchat .floatingImg {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 12px;
    border: 3px solid #fff; }
  .theme-teal .tpobchat #chatview {
    width: 290px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff; }
  .theme-teal .tpobchat #chat-messages {
    opacity: 0;
    padding-top: 5px;
    font-size: 12px;
    margin-top: 30px;
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    padding-right: 20px;
    -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
    transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1); }
  .theme-teal .tpobchat #chat-messages.animate {
    opacity: 1;
    margin-top: 0; }
  .theme-teal .tpobchat #chat-messages label {
    color: #aab8c2;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin: 15px 0;
    width: 290px;
    display: block; }
  .theme-teal .tpobchat #chat-messages div.message {
    padding: 0 0 30px 58px;
    clear: both;
    /*margin-bottom: 45px;*/ }
  .theme-teal .tpobchat #chat-messages div.message.right {
    padding: 0 30px 20px 0;
    margin-right: -19px;
    margin-left: 19px;
    margin-top: 5px; }
  .theme-teal .tpobchat #chat-messages .message .icon-chat {
    float: left;
    margin-left: -38px;
    border-radius: 50%;
    width: 30px;
    margin-top: 12px; }
  .theme-teal .tpobchat #chat-messages div.message.right .icon-chat {
    float: right;
    margin-left: 0;
    margin-right: -38px; }
  .theme-teal .tpobchat .message .bubble {
    background: #f0f4f7;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 6px;
    border-radius: 5px 5px 5px 0px;
    color: #8495a3;
    position: relative;
    float: left;
    min-width: 200px; }
  .theme-teal .tpobchat #chat-messages div.message.right .bubble {
    float: right;
    border-radius: 5px 5px 0px 5px;
    background: #e9f6ff; }
  .theme-teal .tpobchat .bubble .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-corner.png") 0 0 no-repeat;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -5px;
    bottom: 0; }
  .theme-teal .tpobchat div.message.right .corner {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/bubble-cornerR.png") 0 0 no-repeat;
    left: auto;
    right: -5px; }
  .theme-teal .tpobchat .bubble span {
    color: #aab8c2;
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: -22px; }
  .theme-teal #channelList {
    margin-top: 5px; }
    .theme-teal #channelList .channel-icon {
      cursor: pointer;
      font-size: 25px;
      margin-right: 10px;
      position: relative;
      color: #cbcbcb; }
      .theme-teal #channelList .channel-icon .badge {
        font-size: 8px;
        position: absolute;
        right: -9px;
        top: -6px; }
      .theme-teal #channelList .channel-icon.selected, .theme-teal #channelList .channel-icon:hover {
        color: #5a5a5a;
        border-bottom: 3px solid #5a5a5a;
        padding-bottom: 1px;
        opacity: 1; }
  .theme-teal #information-container {
    /* for the animation */
    transition: margin 0.3s ease;
    padding-right: 15px; }
  .theme-teal .send-message-button-ob {
    padding: 5px; }
    .theme-teal .send-message-button-ob i {
      font-size: 18px; }
  .theme-teal .clock-div {
    display: inline-block;
    margin-top: 8px; }
    .theme-teal .clock-div .title {
      font-weight: 500; }
    .theme-teal .clock-div .clock {
      font-weight: 900;
      font-size: 16px; }
    .theme-teal .clock-div.clock-auto-close {
      color: red;
      margin-right: 10px; }
    .theme-teal .clock-div.clock-time-to-answer {
      color: black; }
  .theme-teal .icon-tabv {
    right: 3px;
    top: 3px; }
  .theme-teal #menuTabs #menuList li {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #E1E1E1; }
  .theme-teal .tpclientItemMenuInactiveAdmin {
    background-color: white;
    border-left-color: transparent; }
  .theme-teal .tplimenuitemi {
    max-width: 100%; }
  .theme-teal .tpclientItemMenuActiveAdminI {
    background-color: #F7F7F7; }
  .theme-teal .tplimenuitem.tpclientItemMenuActiveAdmin {
    background-color: #F7F7F7; }
  .theme-teal .tpclientItemMenuInactiveAdminI {
    background-color: white; }
    .theme-teal .tpclientItemMenuInactiveAdminI.fa-home {
      border-bottom: none; }
  .theme-teal .menuTabs {
    background-color: white;
    border: 1px solid #E1E1E1; }
  .theme-teal .mce-tinymce {
    box-shadow: none !important; }
  .theme-teal .tp-lights {
    /*animation-duration: 1s;
    animation-iteration-count: infinite;*/ }
    .theme-teal .tp-lights.red {
      /*animation-name: semaphore-red;
        text-shadow: 0px 0px 6px #610a0a;*/ }
    .theme-teal .tp-lights.yellow {
      /*animation-name: semaphore-yellow;
        text-shadow: 0px 0px 6px #613a0a;*/ }
    .theme-teal .tp-lights.green {
      /*animation-name: semaphore-green;
        text-shadow: 0px 0px 6px #16610a;*/ }

@keyframes semaphore-red {
  from {
    color: #7d2a20; }
  to {
    color: red; } }

@keyframes semaphore-green {
  from {
    color: #065503; }
  to {
    color: green; } }

@keyframes semaphore-yellow {
  from {
    color: #7d6120; }
  to {
    color: orange; } }
  .theme-teal .table-days-hour-preferred-ob td {
    padding: 5px; }
  .theme-teal .table-days-hour-preferred-ob input {
    min-width: 80px; }
  .theme-teal .color-primary {
    color: #00AF9B; }
  .theme-teal .btn-upload {
    background-color: #00AF9B;
    color: white; }
  .theme-teal .upload-yellow {
    color: #fff;
    background-color: #00826D;
    font-weight: 700;
    font-size: 12px;
    height: 50px;
    border-radius: 4px;
    margin-bottom: 6px;
    border: none; }
    .theme-teal .upload-yellow .fa {
      font-size: 32px; }
  .theme-teal #inneroverlayTPClient {
    border-color: #00AF9B; }
  .theme-teal #LoadingLabel {
    color: #2e2e2e; }
  .theme-teal .dropdown-menu > li > a:hover, .theme-teal .dropdown-menu > li > a:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-teal .mce-menu-item.mce-selected {
    background-color: #d9ebf7;
    color: black; }
  .theme-teal .mce-menu-item:hover, .theme-teal .mce-menu-item:focus {
    background-color: #d9ebf7;
    color: black; }
  .theme-teal .mce-btn.mce-active, .theme-teal .mce-btn.mce-active:hover, .theme-teal .mce-btn.mce-active:focus, .theme-teal .mce-btn.mce-active:active {
    background-color: #00AF9B; }
  .theme-teal .mce-menu-item.mce-active.mce-menu-item-normal {
    background-color: #00AF9B; }
  .theme-teal #div-logo-tenant {
    padding: 10px; }
    .theme-teal #div-logo-tenant > img {
      width: 180px !important;
      background-color: white;
      margin: 0 auto;
      margin-top: 10px;
      border-radius: 10px;
      border-radius: 10px !important; }
  .theme-teal ::selection {
    background: #00AF9B;
    color: #fff; }
  .theme-teal .radio input[type=radio]:checked + label:before, .theme-teal .radio input[type=radio]:hover + label:before {
    border: 1px solid #00AF9B; }
  .theme-teal .radio label:after {
    background-color: #00AF9B;
    border: 1px solid #00AF9B; }
  .theme-teal .checkbox-nice label:before {
    border-color: #00AF9B;
    background-color: #00AF9B; }
  .theme-teal .checkbox-nice label:after {
    border-color: white; }
  .theme-teal .checkbox-nice input[type=checkbox]:not(:checked) + label:before {
    background-color: white; }
  .theme-teal .checkbox-nice input[type=checkbox][disabled] + label:before {
    background-color: #c5c5c5;
    border: 1px solid #c1c1c1; }
  .theme-teal #tpMainContainerTabs #tpMainTabs > li img {
    display: none; }
  .theme-teal .ui-autocomplete .ui-state-focus {
    border: 0px !important;
    background: #ffe6ef !important;
    color: black !important; }
  .theme-teal .clsMergeINJ {
    float: left;
    /*  > button > i.tpNavyColorToolbarDT:hover {
        color: black !important;
    }*/
    /*> button > i.tpNavyColorToolbarDT {
        color: #595657 !important;
    }*/
    /*> button > i:hover {
        color: black !important;
    }*/ }
    .theme-teal .clsMergeINJ > button {
      background-color: transparent !important;
      border: none !important;
      margin-left: 0 !important;
      padding-right: 0 !important; }
    .theme-teal .clsMergeINJ > button > i {
      /*color: #595657 !important;*/ }
      .theme-teal .clsMergeINJ > button > i.tpExportToExcelCheckBox {
        font-size: 1.1em !important; }
  .theme-teal .tpExportToExcelCheckBox {
    color: #00AF9B !important; }
  .theme-teal .btn {
    border: none !important; }
    .theme-teal .btn.btn-light-blue {
      background: #00AF9B;
      color: white;
      border: none; }
      .theme-teal .btn.btn-light-blue .badge.badge-theme {
        background-color: #F7F7F7;
        color: #5d5d5d; }
    .theme-teal .btn.btn-theme {
      background: #00826D; }
      .theme-teal .btn.btn-theme:hover {
        background: #00826D; }
    .theme-teal .btn.btn-primary {
      background: #00AF9B;
      color: white !important; }
      .theme-teal .btn.btn-primary:hover {
        background: #00AF9B;
        outline: none; }
    .theme-teal .btn.btn-danger {
      background: #EB0027; }
      .theme-teal .btn.btn-danger:hover {
        background: #EB0027; }
      .theme-teal .btn.btn-danger:focus {
        outline: none; }
    .theme-teal .btn.btn-success {
      background: #33CF8D; }
      .theme-teal .btn.btn-success:hover {
        background: #33CF8D; }
    .theme-teal .btn.btn-warning {
      background: #FF8F00; }
      .theme-teal .btn.btn-warning:hover {
        background: #FF8F00; }
    .theme-teal .btn.btn-white-with-border {
      border: 1px solid #00AF9B !important;
      background-color: white;
      color: #00AF9B; }
      .theme-teal .btn.btn-white-with-border:hover {
        background-color: white;
        color: #00AF9B;
        border-color: #00AF9B !important; }
      .theme-teal .btn.btn-white-with-border.btn[disabled] {
        background-color: #CBCBCB;
        color: #878787; }
    .theme-teal .btn.btn-secondary {
      background-color: #DDDDDD;
      color: #2E2E2E; }
    .theme-teal .btn.fixed-size {
      width: 85px; }
      .theme-teal .btn.fixed-size .material-icons {
        float: right;
        font-size: 20px; }
      .theme-teal .btn.fixed-size.btn-primary {
        margin-left: 7px; }
  .theme-teal button:active, .theme-teal button:focus, .theme-teal input[type="button"]:active, .theme-teal input[type="button"]:focus, .theme-teal input[type="submit"]:active, .theme-teal input[type="submit"]:focus, .theme-teal li:active, .theme-teal li:focus, .theme-teal td:active, .theme-teal td:focus {
    outline: none !important; }
  .theme-teal .input-group-TPaddon .fa.fa-star {
    color: #EB0027; }
  .theme-teal .alert-secondary {
    background-color: #DDDDDD;
    color: #2E2E2E;
    border-color: #DDDDDD; }
  .theme-teal .alert-success {
    background-color: #CEF3E5;
    color: #1B6C49;
    border-color: #CEF3E5; }
  .theme-teal .alert-info {
    background-color: #E4CCEA;
    color: #3E004E;
    border-color: #E4CCEA; }
  .theme-teal .alert-warning {
    background-color: #FFF7DA;
    color: #85732D;
    border-color: #FFF7DA; }
  .theme-teal .alert-danger {
    background-color: #FDC5CE;
    color: #47000C;
    border-color: #FDC5CE; }
  .theme-teal .alert-primary {
    background-color: #ECCCEA;
    color: #53004D;
    border-color: #ECCCEA; }
  .theme-teal .alert-theme {
    background-color: #eaddcc;
    color: #4e3200;
    border: #eaddcc; }
  .theme-teal .tpHighlightspan {
    background-color: #F7F7F7;
    color: #2e2e2e;
    border-color: #F7F7F7; }
  .theme-teal #AvailableQueuesChatListDiv .tpmain-box {
    padding-top: 0; }
  .theme-teal span[id^="tpTabcloseMain"] {
    color: #2e2e2e;
    background-color: transparent; }
  .theme-teal span[id^="tpTabcloseMain"]:hover {
    color: #EB0027;
    background-color: transparent; }
  .theme-teal #bar .user #bar_user .close a {
    color: #EB0027 !important; }
  .theme-teal #bar .user #bar_user .close a:hover {
    background-color: #EB0027 !important; }
  .theme-teal .badge-vertical-tab {
    background-color: #00AF9B !important;
    color: white !important; }
  .theme-teal .tplimenuitemiclose:hover {
    color: #EB0027 !important; }
  .theme-teal .has-error .help-block, .theme-teal .has-error .control-label {
    color: #EB0027; }
  .theme-teal #tpMainTabs > li {
    background: #f7f7f7; }
  .theme-teal #tpMainTabs > li.active {
    color: black; }
  .theme-teal #tpMainTabs > li > a {
    color: black;
    border-top: 2px solid #e6e6e6; }
  .theme-teal #tpMainTabs > li > a:hover {
    border-top: 2px solid #e6e6e6;
    background-color: #f7f7f7;
    color: black; }
  .theme-teal #tpMainTabs > .nav-tabs > li > a {
    background-color: #f7f7f7; }
  .theme-teal #tpMainTabs > li.active > a {
    background-color: white;
    border-top: 2px solid #00AF9B;
    color: black; }
  .theme-teal #tpHeaderDiv {
    background-color: #F7F7F7; }
  .theme-teal #content-wrapper {
    background-color: #F7F7F7 !important;
    /*margin-left: 267px;*/ }
  .theme-teal #footer-bar {
    background-color: #F7F7F7 !important; }
  .theme-teal#Body[data-main-page="true"] {
    background-color: #F7F7F7 !important; }
  .theme-teal .TPClipboard {
    color: #00AF9B !important; }
  .theme-teal #MasterBody_ReportsTable .btn {
    border: none !important; }
    .theme-teal #MasterBody_ReportsTable .btn.btn-light-blue {
      background: #F7F7F7;
      color: #2e2e2e;
      border: none; }
      .theme-teal #MasterBody_ReportsTable .btn.btn-light-blue .badge.badge-theme {
        background-color: #FFFFFF;
        color: #2e2e2e; }
  .theme-teal #MasterBody_ReportsTable .tpReportTableTitle {
    color: #00AF9B; }
  .theme-teal .tpstepwizardheader .badge {
    position: relative;
    top: -1px; }
  .theme-teal #ExpandCollapseButton {
    color: #2e2e2e !important; }
  .theme-teal #leftMenuContainer {
    background-color: #fff !important; }
  .theme-teal .tpCollapsiblePanel-primary {
    color: #2e2e2e;
    background-color: #F7F7F7; }
  .theme-teal #HelpDetailsDiv .alert.alert-info {
    background-color: white; }
  .theme-teal #icons-body .icon-item {
    color: #2e2e2e; }
    .theme-teal #icons-body .icon-item:hover {
      color: #00AF9B; }
    .theme-teal #icons-body .icon-item.selected {
      border-color: #00AF9B; }
  .theme-teal .conversation-wrapper .conversation-body {
    background: #F7F7F7; }
  .theme-teal .conversation-wrapper .conversation-body:before {
    top: 0;
    border-color: #F7F7F7 #F7F7F7 transparent transparent;
    left: -11px; }
  .theme-teal .conversation-wrapper .conversation-item.item-right .conversation-body:before {
    border-color: #73BDFF transparent transparent #73BDFF;
    right: -11px; }
  .theme-teal .conversation-wrapper .conversation-item.item-right .conversation-body.conversation-supervisor:before {
    border-color: #ffeb80 transparent transparent #ffeb80;
    right: -11px; }
  .theme-teal .conversation-wrapper .conversation-item.item-right .conversation-body {
    background: #73BDFF; }
  .theme-teal .conversation-wrapper .conversation-body > .time {
    bottom: 2px;
    right: 35px;
    top: initial;
    color: #2D2D2D; }
  .theme-teal .conversation-wrapper .conversation-body > .time:before {
    font-family: initial;
    content: "";
    margin-top: 0; }
  .theme-teal .conversation-wrapper .conversation-body .name > img {
    position: absolute;
    bottom: 4px;
    right: 10px; }
  .theme-teal .conversation-wrapper .conversation-body > .text {
    font-size: 1.23em;
    color: #2d2d2d; }
  .theme-teal .conversation-wrapper .conversation-item.item-left .conversation-body > .text a {
    color: #2d2d2d;
    text-decoration: underline !important; }
  .theme-teal .conversation-wrapper .conversation-item.item-right .conversation-body > .text a {
    color: #fff;
    text-decoration: underline !important; }
  .theme-teal #other-options-table #other-options-menu img {
    width: 25px;
    border: 1px solid #089BFF;
    padding: 2px;
    border-radius: 3px; }
  .theme-teal a {
    color: #00AF9B;
    outline: none !important;
    text-decoration: none !important;
    background-color: transparent; }
  .theme-teal a:hover, .theme-teal a:focus {
    color: #00826D;
    text-decoration: none !important; }
  .theme-teal a:visited {
    text-decoration: none !important; }
  .theme-teal .form-control:focus {
    border-color: rgba(0, 175, 155, 0.6);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 175, 155, 0.6); }
  .theme-teal .dataTable thead th:hover {
    color: #00826D; }
  .theme-teal .case-view-container {
    /*pending to check if is general or not*/
    /*this is for changing  caret for dropdowns*/
    /*end changing caret for dropdowns*/
    /*end pending*/ }
    .theme-teal .case-view-container .header .case-number {
      text-transform: capitalize;
      font-weight: 600;
      font-size: 18px; }
    .theme-teal .case-view-container .header .customer-name {
      display: flex;
      align-items: center;
      padding-top: 5px; }
      .theme-teal .case-view-container .header .customer-name .CustomerNameTitle, .theme-teal .case-view-container .header .customer-name .CustomerName, .theme-teal .case-view-container .header .customer-name .TPClipboard {
        font-size: 15px;
        font-style: normal;
        margin-bottom: 5px; }
      .theme-teal .case-view-container .header .customer-name .material-icons {
        font-size: 20px;
        margin-left: 5px; }
    .theme-teal .case-view-container .side-menu ul {
      list-style: none;
      padding-left: 0; }
      .theme-teal .case-view-container .side-menu ul li {
        padding: 15px;
        color: #2E2E2E;
        font-size: 13px; }
        .theme-teal .case-view-container .side-menu ul li a {
          color: #2E2E2E; }
        .theme-teal .case-view-container .side-menu ul li:hover, .theme-teal .case-view-container .side-menu ul li.active {
          color: #00AF9B;
          cursor: pointer;
          border-left: 5px solid #00AF9B;
          font-weight: 600; }
          .theme-teal .case-view-container .side-menu ul li:hover a, .theme-teal .case-view-container .side-menu ul li.active a {
            color: #00AF9B; }
    .theme-teal .case-view-container .dropdown .dropdown-toggle .caret {
      width: 10px;
      height: 10px;
      border: none;
      font-family: 'FontAwesome';
      margin-left: 15px; }
    .theme-teal .case-view-container .dropdown .dropdown-toggle .caret:before {
      content: "\f107";
      position: absolute;
      top: 1px;
      font-size: 18px; }
    .theme-teal .case-view-container .dropdown-menu > li > a {
      padding-left: 5px;
      padding-right: 5px;
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none; }
      .theme-teal .case-view-container .dropdown-menu > li > a .icon-container {
        margin-right: 10px; }
        .theme-teal .case-view-container .dropdown-menu > li > a .icon-container span {
          font-size: 16px; }
    .theme-teal .case-view-container .navbar-default .navbar-nav > li > a {
      color: #2e2e2e;
      font-weight: 600;
      display: flex;
      align-items: center; }
    .theme-teal .case-view-container .navbar-default .navbar-collapse, .theme-teal .case-view-container .navbar-default .navbar-form, .theme-teal .case-view-container .navbar-default {
      background-color: white;
      background: white; }
    .theme-teal .case-view-container .navbar-default .navbar-nav > .open > a, .theme-teal .case-view-container .navbar-default .navbar-nav > .open > a:focus, .theme-teal .case-view-container .navbar-default .navbar-nav > .open > a:hover {
      background-color: white;
      background: white;
      color: #2e2e2e; }
    .theme-teal .case-view-container .navbar-default .navbar-nav > .active > a, .theme-teal .case-view-container .navbar-default .navbar-nav > .active > a:focus, .theme-teal .case-view-container .navbar-default .navbar-nav > .active > a:hover {
      color: #2e2e2e;
      background-color: white;
      border-bottom: 3px solid #00AF9B; }
    .theme-teal .case-view-container .dropdown-menu > .active > a, .theme-teal .case-view-container .dropdown-menu > .active > a:hover, .theme-teal .case-view-container .dropdown-menu > .active > a:focus {
      color: white;
      background-color: #00AF9B; }
    .theme-teal .case-view-container .dropdown-menu > li > a:hover, .theme-teal .case-view-container .theme-tp .dropdown-menu > li > a:focus {
      color: white;
      background-color: #00AF9B; }
  .theme-teal #sidebar-nav .nav > .open > .submenu > li > a:hover, .theme-teal #sidebar-nav .nav > .active > .submenu > li > a:hover {
    color: white !important; }
  .theme-teal .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last {
    border: none !important; }
  .theme-teal .new-title {
    font-size: 18px;
    font-weight: 900;
    color: #2e2e2e; }
  .theme-teal .n-p-l {
    padding-left: 0; }
  .theme-teal .m-t-5 {
    margin-top: 5px; }
  .theme-teal #sidebar-nav .nav li .submenu > li > a {
    transition: none; }
  .theme-teal .font-color-primary, .theme-teal .text-primary {
    color: #00AF9B; }
  .theme-teal .background-color-primary {
    background-color: #00AF9B; }
  .theme-teal .dropdown > a > .icon-container {
    margin-right: 10px; }
    .theme-teal .dropdown > a > .icon-container .material-icons {
      font-size: 16px; }
  .theme-teal .input-group-TPaddon {
    color: #EB0027; }
  .theme-teal .TPFieldRequired {
    color: #EB0027; }
  .theme-teal .fs-28 {
    font-size: 28px !important; }
  .theme-teal .fs-26 {
    font-size: 26px !important; }
  .theme-teal .fs-24 {
    font-size: 24px !important; }
  .theme-teal .fs-22 {
    font-size: 22px !important; }
  .theme-teal .fs-20 {
    font-size: 20px !important; }
  .theme-teal .fs-18 {
    font-size: 18px !important; }
  .theme-teal .fs-17 {
    font-size: 17px !important; }
  .theme-teal .fs-16 {
    font-size: 16px !important; }
  .theme-teal .fs-15 {
    font-size: 15px !important; }
  .theme-teal .trash-icon {
    color: #EB0027; }
  .theme-teal .nav.nav-pills > li {
    background-color: white !important;
    border-radius: 0; }
    .theme-teal .nav.nav-pills > li a, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] {
      background-color: white !important;
      color: #2e2e2e !important; }
      .theme-teal .nav.nav-pills > li a i, .theme-teal .nav.nav-pills > li a span:not(.badge), .theme-teal .nav.nav-pills > li a span:not(.fa.fa-square), .theme-teal .nav.nav-pills > li a div, .theme-teal .nav.nav-pills > li a div[data-toggle="popover"], .theme-teal .nav.nav-pills > li a div[data-toggle="popover"] i, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] i, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge), .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square), .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"], .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-teal .nav.nav-pills > li a i:hover, .theme-teal .nav.nav-pills > li a span:not(.badge):hover, .theme-teal .nav.nav-pills > li a span:not(.fa.fa-square):hover, .theme-teal .nav.nav-pills > li a div:hover, .theme-teal .nav.nav-pills > li a div[data-toggle="popover"]:hover, .theme-teal .nav.nav-pills > li a div[data-toggle="popover"] i:hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] i:hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.badge):hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] span:not(.fa.fa-square):hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div:hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"]:hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"] div[data-toggle="popover"] i:hover {
          color: #2e2e2e !important; }
      .theme-teal .nav.nav-pills > li a:hover, .theme-teal .nav.nav-pills > li a[data-toggle="dropdown"]:hover {
        background-color: white !important;
        color: #2e2e2e !important; }
    .theme-teal .nav.nav-pills > li.active {
      background-color: white !important;
      color: #2e2e2e !important;
      border-bottom: 4px solid #00AF9B; }
      .theme-teal .nav.nav-pills > li.active a {
        background-color: white !important;
        color: #2e2e2e !important; }
        .theme-teal .nav.nav-pills > li.active a i, .theme-teal .nav.nav-pills > li.active a span:not(.badge), .theme-teal .nav.nav-pills > li.active a div {
          background-color: white !important;
          color: #2e2e2e !important; }
          .theme-teal .nav.nav-pills > li.active a i:hover, .theme-teal .nav.nav-pills > li.active a span:not(.badge):hover, .theme-teal .nav.nav-pills > li.active a div:hover {
            color: #2e2e2e !important; }
      .theme-teal .nav.nav-pills > li.active ul > li.active {
        background-color: #00AF9B !important;
        color: white !important; }
        .theme-teal .nav.nav-pills > li.active ul > li.active a {
          background-color: #00AF9B !important;
          color: white !important; }
          .theme-teal .nav.nav-pills > li.active ul > li.active a i, .theme-teal .nav.nav-pills > li.active ul > li.active a span:not(.badge) {
            background-color: #00AF9B !important;
            color: white !important; }
      .theme-teal .nav.nav-pills > li.active ul > li:hover {
        background-color: #00AF9B !important;
        color: white !important; }
    .theme-teal .nav.nav-pills > li ul > li:hover {
      background-color: #00AF9B !important;
      color: white !important; }
      .theme-teal .nav.nav-pills > li ul > li:hover a {
        background-color: #00AF9B !important;
        color: white !important; }
        .theme-teal .nav.nav-pills > li ul > li:hover a span.fa.fa-square {
          background-color: initial !important; }
    .theme-teal .nav.nav-pills > li ul > li a {
      align-content: space-between;
      display: flex;
      padding: 10px;
      font-size: 14px;
      color: #2e2e2e;
      transition: none;
      align-items: center; }
      .theme-teal .nav.nav-pills > li ul > li a > i, .theme-teal .nav.nav-pills > li ul > li a > span, .theme-teal .nav.nav-pills > li ul > li a > div {
        margin: 0;
        display: block;
        position: initial; }
      .theme-teal .nav.nav-pills > li ul > li a:hover {
        background-color: #00AF9B !important;
        color: white !important; }
        .theme-teal .nav.nav-pills > li ul > li a:hover i, .theme-teal .nav.nav-pills > li ul > li a:hover span:not(.badge), .theme-teal .nav.nav-pills > li ul > li a:hover div {
          background-color: #00AF9B !important;
          color: white !important; }
          .theme-teal .nav.nav-pills > li ul > li a:hover i:hover, .theme-teal .nav.nav-pills > li ul > li a:hover span:not(.badge):hover, .theme-teal .nav.nav-pills > li ul > li a:hover div:hover {
            background-color: #00AF9B !important;
            color: white !important; }
    .theme-teal .nav.nav-pills > li ul > li:not([id^="palette"]) {
      color: initial !important; }
  .theme-teal .text-neutral {
    color: #2e2e2e !important; }
  .theme-teal .text-neutral-with-hover {
    color: #2e2e2e !important; }
    .theme-teal .text-neutral-with-hover:hover {
      color: #00AF9B !important; }
  .theme-teal .text-white {
    color: white !important; }
  .theme-teal .far-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #8BE4BF;
    color: #2D2D2D; }
  .theme-teal .near-future {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #FF6F00;
    color: white; }
  .theme-teal .expired {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #EB0027;
    color: white; }
  .theme-teal .lag {
    border-radius: 5px;
    padding: 4px 9px;
    background-color: #DDDDDD;
    color: #2D2D2D; }
  .theme-teal .arrow-left-swipe {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 10px; }
  .theme-teal .view-mode select[disabled="disabled"], .theme-teal .view-mode select:disabled, .theme-teal .view-mode select option:disabled, .theme-teal .view-mode input, .theme-teal .view-mode textarea {
    background-color: white !important;
    color: #2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none !important; }
  .theme-teal .view-mode select::-ms-expand {
    display: none; }
  .theme-teal .view-mode .input-group-addon {
    display: none; }
  .theme-teal .view-mode .control-label.tpNavyColor {
    font-weight: 600; }
  .theme-teal .view-mode .control-label {
    padding-top: 0 !important; }
  .theme-teal .view-mode .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .theme-teal .view-mode .addaControlPpal.form-group.tpValidateGroup {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important; }
    .theme-teal .view-mode .addaControlPpal.form-group.tpValidateGroup .text-right {
      text-align: left; }
  .theme-teal .view-mode #FormDesignerMainDiv .row {
    margin-bottom: 0 !important; }
  .theme-teal .view-mode [id*="MasterBody_tdRenderLabel_"] {
    width: 41.66666667% !important; }
  .theme-teal .view-mode [id*="MasterBody_tdRenderControl_"] {
    width: 58.33333333% !important; }
  .theme-teal .lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .theme-teal .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #00AF9B;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #00AF9B transparent transparent transparent; }
      .theme-teal .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .theme-teal .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .theme-teal .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .theme-teal .text-primary {
    color: #00AF9B; }
  .theme-teal .text-secondary {
    color: #00826D; }
  .theme-teal .text-success {
    color: #33CF8D; }
  .theme-teal .text-danger {
    color: #EB0027; }
  .theme-teal .text-warning {
    color: #FF8F00; }
  .theme-teal .text-info {
    color: #3047B0; }
  .theme-teal .text-dark {
    color: #2e2e2e; }
  .theme-teal .text-white {
    color: white; }
  .theme-teal .text-neutral {
    color: #2e2e2e; }
  .theme-teal .sweet-alert .sa-icon.sa-warning {
    border-color: #FF8F00; }
  .theme-teal .sweet-alert .sa-icon.sa-warning .sa-body {
    background-color: #FF8F00; }
  .theme-teal .sweet-alert .sa-icon.sa-warning .sa-dot {
    background-color: #FF8F00; }

@keyframes pulseWarning {
  0% {
    border-color: #FF8F00; }
  100% {
    border-color: #FF8F00; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #FF8F00; }
  100% {
    background-color: #FF8F00; } }
  .theme-teal .sa-button-container .sa-confirm-button-container .confirm {
    background-color: #00AF9B !important;
    color: white !important; }
  .theme-teal .sa-button-container .cancel {
    background-color: #EB0027 !important;
    color: white !important; }
  .theme-teal .contact-support-spellcheck-icons {
    font-size: 30px;
    color: #00AF9B; }
  .theme-teal .badge {
    border-radius: 0; }
  .theme-teal [data-toggle="pill"] .badge-primary {
    background-color: #e6e6e6 !important;
    color: #2e2e2e !important; }
  .theme-teal .title-collapse-expand {
    cursor: pointer; }
  @media (min-width: 992px) {
    .theme-teal .nav-small #nav-col #sidebar-nav .nav > li > a > span.material-icons {
      display: block; } }
  .theme-teal .toolbar-collapse-icon {
    float: right;
    margin: -1px;
    padding-right: 5px; }
  .theme-teal .toolbar-collapse-title {
    background-color: #f1f1f1f1;
    border-radius: 3px;
    padding: 5px; }
  .theme-teal .new-chat-ui .nav-pills > li.active > a, .theme-teal .nav-pills > li.active > a:hover, .theme-teal .nav-pills > li.active > a:focus, .theme-teal #sidebar-nav .nav-pills > li.active > a, .theme-teal #sidebar-nav .nav-pills > li.active > a:hover, .theme-teal #sidebar-nav .nav-pills > li.active > a:focus, .theme-teal .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    background-color: white;
    border-left: 4px solid #00AF9B;
    color: #00AF9B; }
  .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:hover, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container .nav-pills > li.active > a:focus, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:hover, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container #sidebar-nav .nav-pills > li.active > a:focus, .theme-teal .new-chat-ui #chat-utilities #chat-utilities-container .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left-color: transparent !important; }
  .theme-teal .btn-white-with-border svg path {
    fill: #00AF9B !important; }
  .theme-teal .nav-pills > li.active > a, .theme-teal .theme-tp .nav-pills > li.active > a:hover, .theme-teal .theme-tp .nav-pills > li.active > a:focus, .theme-teal .theme-tp #sidebar-nav .nav-pills > li.active > a, .theme-teal .theme-tp #sidebar-nav .nav-pills > li.active > a:hover, .theme-teal .theme-tp #sidebar-nav .nav-pills > li.active > a:focus, .theme-teal .theme-tp .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a {
    border-left: none !important; }