/*
.ui-column-filter {
	display: none !important;
}
*/

.ui-datatable-tablewrapper table {
  border: 1px solid #bfbfbf;
}

.ui-datatable-tablewrapper table th {
  border: 1px solid #bfbfbf !important;
  background: #c4c4c4
    gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.8)),
      to(rgba(255, 255, 255, 0))
    ) !important;
}

.searchField {
  width: 30% !important;
  height: 34px !important;
}

.roleManagementTable .table,
.teamManagementTable .table,
.userManagementTable .table,
.configParamsTable .table,
.campaignManagementTable .table,
.affiliatesTable .table,
.collectorManagementTable .table {
  margin-bottom: 0px !important;
}

.u-typography-14,
.u-typography-14 .ui-widget,
.u-typography-14 table,
.u-typography-14 th,
.u-typography-14 td,
.u-typography-14 label,
.u-typography-14 input,
.u-typography-14 select,
.u-typography-14 .ui-selectonemenu,
.u-typography-14 .ui-selectonemenu-label {
  font-size: 14px !important;
}

.u-typography-14 .colType {
  font-size: 14px !important;
}

.teamManagementTable .ui-datatable-header,
.userManagementTable .ui-datatable-header,
.collectorManagementTable .ui-datatable-header {
  padding: 0px !important;
  background-color: white;
  border: none;
}

.addButton {
  text-align: right;
}

.cancelButton {
  color: black !important;
  border-color: #f2f3fa !important;
  background-color: #f2f3fa !important;
}

.actionButtonColumn {
  display: flex;
  flex-direction: row;
}

#createTeamForm {
  padding: 0px !important;
  float: right;
  width: 87%;
  background-color: #f2f3fa;
  min-width: 800px;
}

#personalInformationErrorForm {
  padding: 0px;
  margin-left: 15px;
  margin-right: 15px;
}

.createRoleButton,
.createTeamButton,
.createUserButton {
  margin-top: -30px;
  text-align: right;
}

.roleManagementTable table,
.teamManagementTable table,
.userManagementTable table,
.configParamsTable table,
.collectorManagementTable table {
  table-layout: auto !important;
}

td.colType.ui-state-default {
  background-color: #ffffff !important;
  background-image: none;
  border-color: #ffffff;
}

.colType {
  font-size: 12px;
}

th.colType {
  text-align: left !important;
}

.roleManagementTitle {
  float: left;
  padding-left: 0px;
}

.ui-datatable-odd {
  background: #fcfcfc !important;
}

/*


.ui-widget-header{
	background:#ffffff
}


.ui-paginator-page {
	background-image: none !important;
	background-color: #ffffff !important;
	border-color:#bfbfbf !important;
	padding: 2px 10px !important;
	font-weight: bold;
	text-align: center !important;
}


.ui-paginator-page span {

}
*/

.ui-state-default {
  /*background-image: none !important;
	background-color: #ffffff !important;
	border-color:#bfbfbf !important;*/
  /*padding: 2px 10px !important;*/
}

.ui-datatable-odd:hover {
  background: #eee !important;
}

.rolesDiv {
  margin-top: 10px;
}

.rolesDiv .ui-widget {
  margin-bottom: 0;
}

/*
.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {

	background-color: white !important;
	background-image: none;
	color: black;
}
*/

.permissionsTree {
  width: 500px !important;
  margin-left: 10px !important;
  border: none !important;
}

.inputField {
  margin-left: 5px;
  height: 34px !important;
  min-width: 150px;
  width: 30% !important;
}

.typeDropdown {
  margin: -3px 0 0 10px !important;
  width: 200px !important;
}

.typeDropdown .ui-inputfield {
  background: #9575cd;
  padding: 0px;
  box-shadow: none;
  color: white;
}

.typeDropdown .ui-state-default {
  background: #9575cd;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
  border-left: none;
}

.typeDropdown.btn-purple:focus,
.typeDropdown.btn-purple.focus {
  color: #fff;
  background-color: #9575cd !important;
  border-color: #9575cd !important;
}

.typeDropdown.btn-purple:hover,
.typeDropdown.btn-purple.hover {
  color: #fff;
  background-color: #9575cd;
  border-color: #9575cd;
}

.typeDropdown.btn-purple:hover.darkHover {
  color: #fff;
  background-color: #9575cd;
  border-color: #9575cd;
}

.typeDropdown .ui-selectonemenu-trigger {
  min-width: 44px !important;
}

.typeDropdown .ui-selectonemenu-trigger:hover {
  background: #815bc4;
}

.typeDropdown .ui-state-focus,
.typeDropdown.ui-state-focus {
  outline: none;
}

.dateTime .ui-selectonemenu-label {
  text-transform: none !important;
}

.filterDropdown .ui-selectonemenu-label,
.countryDropdown .ui-selectonemenu-label {
  width: 100% !important;
}

.typeDropdown .ui-selectonemenu-trigger .ui-icon {
  float: right;
  margin-right: 8px;
  margin-top: 7px;
}

.typeOrangeDropdown {
  margin: -3px 0 0 10px !important;
  width: 200px !important;
}

.typeOrangeDropdown .ui-inputfield {
  background: #ff6f00;
  padding: 0px;
  box-shadow: none;
  color: white;
}

.typeOrangeDropdown .ui-state-default {
  background: #ff6f00;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
  border-left: none;
}

.typeOrangeDropdown.btn-purple:focus,
.typeOrangeDropdown.btn-purple.focus {
  color: #fff;
  background-color: #ff6f00 !important;
  border-color: #ff6f00 !important;
}

.typeOrangeDropdown.btn-purple:hover,
.typeOrangeDropdown.btn-purple.hover {
  color: #fff;
  background-color: #ff6f00;
  border-color: #ff6f00;
}

.typeOrangeDropdown.btn-purple:hover.darkHover {
  color: #fff;
  background-color: #ff6f00;
  border-color: #ff6f00;
}

.typeOrangeDropdown .ui-selectonemenu-trigger {
  min-width: 44px !important;
}

.typeOrangeDropdown .ui-selectonemenu-trigger:hover {
  background: #db5f00;
}

.typeOrangeDropdown .ui-state-focus,
.typeOrangeDropdown.ui-state-focus {
  outline: none;
}

.searchImage {
  margin-top: 10px;
  margin-left: -45%;
}

.ui-messages-error,
.ui-message-error {
  background-color: transparent;
  border-color: transparent;
  color: #b94a48;
}

.ui-messages-info,
.ui-messages-warn,
.ui-messages-error,
.ui-messages-fatal {
  margin: 0px 0px 0px 0px !important;
  padding: 0px;
}

.ui-messages-info-summary,
.ui-messages-error-summary,
.ui-message-info-summary,
.ui-message-error-summary {
  margin-left: 0px !important;
}

.ui-messages ul {
  margin: 0 0px;
}

.ui-messages-error-icon {
  display: none;
}

.ui-messages-error-summary {
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
}

.messagesStyle {
  font-weight: bold;
}

.rememberLabel {
  margin-left: 1%;
  font-size: 1em;
  text-transform: none;
}

.paddingLeft0 {
  padding-left: 0px;
}

.paddingLeft10 {
  padding-left: 10px !important;
}

.paddingRight0 {
  padding-right: 0px;
}

.paddingBottom10 {
  padding-bottom: 10px;
}

.padding0 {
  padding: 0px;
}

.marginLeft15m {
  margin-left: -15px;
}

.marginLeft20m {
  margin-left: -20px !important;
}

.marginLeft10 {
  margin-left: 10px;
}

.marginLeft0 {
  margin-left: 0px !important;
}

.marginRight0 {
  margin-right: 0px;
}

.customHeaderStyle {
  width: 50%;
  background: #f9f8f8 !important;
  padding-left: 0px;
  border-right: 10px solid #fff;
}

.ui-picklist-list.ui-widget-content {
  border-radius: 0px;
}

#headerContainer {
  padding-right: 30px !important;
  height: 95px;
}

.headerSearch {
  margin-left: 0.5%;
}

.inputSearchField {
  min-width: 150px !important;
  width: 97%;
}

.agentSearchField {
  min-width: 150px !important;
  width: 90%;
}

.agentSearchField input {
  width: 99%;
}

.logoutButton {
  float: right;
}

.mailPic {
  min-width: 15px;
}

.bottom5 {
  padding-bottom: 5px;
}

.ui-tree .ui-treenode-label {
  margin: -3px 0px 0px !important;
}

.ui-messages-info-icon {
  display: none !important;
}

.ui-messages-info-summary {
  font-weight: bold;
  font-size: 0.9em;
}

.ui-messages-info {
  background-color: transparent;
  border-color: transparent;
  color: green;
}

.ui-datatable .ui-column-filter {
  display: block !important;
  min-width: 70px;
  width: 70%;
  margin: 0px;
  margin-top: 5px;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.roleManagementTable .ui-column-filter,
.teamManagementTable .ui-column-filter,
.userManagementTable .ui-column-filter,
.configParamsTable .ui-column-filter,
.collectorManagementTable .ui-column-filter {
  /*	width: 50% !important; */
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-left: -3px !important;
}

.innerContent {
  /* float: right;
	width: 87%; */
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

input.underlined {
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-bottom: 1px solid black !important;
  width: 96% !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.tooltipField {
  height: 30% !important;
  width: 96%;
}

.prefix {
  padding-bottom: 6px;
}

.uploadButton {
  margin-top: -5px !important;
  float: right !important;
}

.box-field,
.config-box-field {
  padding-bottom: 12px;
  padding-left: 12px;
  margin-bottom: 10px;
}

.box-field label {
  display: block;
  float: left;
  margin-top: 5px;
  width: 170px;
}

.config-box-field label {
  display: block;
  float: left;
  margin-top: 5px;
  width: 330px;
}

.ui-colorpicker-container {
  width: 350px !important;
}

.box-field input {
  width: 350px;
  height: 30px;
}

.box-field select {
  width: 350px;
}

.ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
  background-color: #ffffff00;
}

.box-dropdown {
  width: 350px;
  border: solid 1px #bfbfbf;
  background: white none repeat scroll 0 0 !important;
  border-radius: 20px;
  padding-left: 2px;
}

.box-dropdown .ui-selectonemenu-label {
  color: black;
  text-transform: none;
  box-shadow: none;
  margin-top: 1px;
}

.box-dropdown .ui-selectonemenu-trigger .ui-icon {
  margin-top: 7px;
}

.box-dropdown .ui-state-default,
.box-dropdown .ui-selectonemenu-trigger {
  outline: 0;
  border: none;
  background: white;
  box-shadow: none;
}

.box-dropdown.ui-autocomplete {
  width: 350px;
  border: solid 1px #bfbfbf;
  background: white none repeat scroll 0 0 !important;
  border-radius: 20px;
  padding-left: 2px;
}

.box-dropdown.ui-autocomplete .ui-autocomplete-input {
  border: none;
  box-shadow: none;
  margin-top: 1px;
  width: calc(100% - 2.4em);
}

.box-dropdown.ui-autocomplete .ui-autocomplete-dropdown {
  border: none;
  box-shadow: none;
}

.box-dropdown.ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
  margin-top: 0;
  top: 25%;
}

.form-input-control {
  outline: 0;
  border: solid 1px #bfbfbf;
  background: white;
  box-shadow: none;
}

.form-input-control.ui-inputfield {
  border: solid 1px #bfbfbf !important;
  outline: 0;
  background: white;
  box-shadow: none;
  padding: 10px !important;
}

.form-input-datetime.ui-inputfield {
  width: auto !important;
  border: solid 1px #bfbfbf;
  outline: 0;
  background: white;
  box-shadow: none;
}

.calendar-event-panel .ui-panel-titlebar {
  background: transparent;
  display: flex;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 0;
  border: 0;
}

.calendar-event-panel .add-event-header {
  flex-grow: 1;
  cursor: pointer;
}

.calendar-event-panel .ui-panel-title {
  margin-right: auto;
}

#calendarForm\:calendarFilters_head th {
  background: #f2f3fa;
}

.calendar-view-radio td {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.bottom {
  border-bottom: 1px solid #ccc;
}

.upper {
  text-transform: uppercase;
}

/*
.ui-widget {
  font-size: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
*/

label {
  text-transform: none;
}

body {
  font-size: 12px;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px rgb(48,114,102) inset;
  -webkit-text-color:#000000;
  transition: background-color 5000s ease-in-out 0s;
}
*/
.headPaddings {
  padding-left: 12px;
  padding-bottom: 10px;
}

.panelButton {
  margin-left: 3%;
  margin-bottom: 12px;
  width: 94%;
}

.bgColored {
  background-color: #ffffff;
}

.marginTop15 {
  margin-top: 15px;
}

.decorated_depr {
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px #dddddd;
  /* margin-right: 15px; */
  padding-left: 0px;
  padding-right: 0px;
  background-color: white;
  /* margin-top: 20px; */
}

.datatable table {
  margin-bottom: 0px;
}

.stateDropdown,
.currencyDropdown,
.statusDropdown,
.mapperDropdown {
  margin: 0px !important;
  width: 96% !important;
}

.mapperDropdown {
  margin: 0px !important;
  width: 96% !important;
  background-color: #9575cd !important;
  border-color: #9575cd !important;
  color: #fff !important;
}

.mapperLabel {
  margin-top: 7px;
  margin-bottom: 0px;
}

.mapperText {
  margin-top: 7px;
  margin-bottom: 0px;
  margin-right: 7px;
  margin-left: 7px;
  min-width: 200px;
  display: block;
  max-width: 100%;
  font-weight: normal;
  color: #959595;
}

.mapperTable {
  margin-bottom: 20px;
  display: table;
  width: 100%;
}

.mapperCell {
  display: table-cell;
}

.dateDropdown .ui-selectonemenu-items-wrapper {
  height: 150px !important;
}

.mapperCell label {
  min-width: 200px;
}

.statusDropdown.btn-purple {
  background-color: #9575cd !important;
  border-color: #9575cd !important;
  color: #fff !important;
}

.statusDropdown.btn-warning {
  background-color: #ff6f00 !important;
  border-color: #ff6f00 !important;
  color: #fff !important;
}

.statusPanel {
  width: 20% !important;
  min-width: 150px;
}

.statusPanelTextArea {
  width: 100% !important;
  min-width: 550px;
}

.basicInfoClass {
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-bottom: 1px solid black !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  width: 20% !important;
  min-width: 150px;
}

.basicInfoVoipParamsClass {
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
  border-bottom: 1px solid black !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  width: 40% !important;
  min-width: 150px;
}

.assignment .ui-picklist .ui-picklist-list li {
  padding-left: 3%;
  line-height: 33px;
  margin-left: 10px;
}

.clearFloat {
  clear: both;
}

.usernamePanel,
.teamnamePanel,
.roleNamePanel,
.headerConfigParamPanel,
.headerRoleManagementPanel,
.headerTeamManagementPanel,
.headerActionManagementPanel,
.headerCollectorManagementPanel,
.headerRegionManagementPanel {
  padding-bottom: 20px;
}

.errorPanel {
  margin-bottom: 20px;
  border-left: 1px solid #ccc;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  box-shadow: 3px 3px 5px #aaa;
}

.errorPanelForTargets {
  text-align: center;
  display: inline-block;
  margin-left: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11.9px;
  border: 1px solid transparent;
  border-radius: 10px;
}

input.ui-state-error {
  /* color: #000000 !important; */
  border-bottom: 1px solid red !important;
}

.createUserBtn,
.createTeamBtn,
.saveRoleBtn,
.createRebuttalBtn {
  margin-top: 15px;
}

button.ui-state-disabled {
  background-color: grey !important;
  color: #fff;
  border-color: grey !important;
}

.createRoleBtn,
.saveTeamBtn,
.saveUserBtn,
.createConfigBtn,
.createCampaignBtn,
.createDateBtn,
.createAffiliateBtn {
  margin-top: 10px;
  margin-right: 25px;
}

#loginBody {
  /*background: rgba(36,35,36,1);
	background: -moz-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,35,36,1)), color-stop(100%, rgba(140,140,140,1)));
	background: -webkit-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%);
	background: -ms-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%);*/

  background-image: url(../img/background.jpg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(48, 114, 102); /* Old browsers */

  height: 100%;
  display: table;
  width: 100%;
}

#mainPageContent {
  /*height: 100%;*/
  vertical-align: middle;
  margin-top: 12%;
}

#sidebar {
  margin: 0 auto;
  height: 400px;
  width: 350px;
}

.loginTitle {
  font-size: 1.5em;
  line-height: -10%;
  color: rgb(30, 225, 175);
  text-align: center;
  border-radius: 3px 3px 0 0;
}

.loginForm {
  background: rgba(47, 111, 101, 0);
  border-radius: 4px;
  padding: 10px 20px;
  margin-bottom: -5px;
}

.loginForm span.ui-messages-info-summary {
  margin-left: 0px;
}

.loginForm div.alert-success ul {
  margin: 0px;
}

.forgotPassForm ul {
  margin: 0px;
}

.loginForm .ui-messages-error-summary {
  margin-left: 0px;
}

.loginForm ul {
  margin: 0px;
}

.forgotPassForm .ui-messages-error-summary {
  margin-left: 0px;
}

.resetPassForm ul {
  margin: 0px;
}

.resetPassForm .ui-messages-error-summary {
  margin-left: 0px;
}

.loginInputField {
  margin-bottom: 0.1%;
  width: 100%;
  height: 40px;

  background-color: rgba(0, 0, 0, 0);
  border: 1px solid white;
  color: white;
  border-radius: 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  padding-left: 25px;
}

.btn {
  border-radius: 20px;
}

.searchButton {
  font-weight: normal;
  cursor: pointer;
  background-image: none !important;
  padding: 3px 12px;
  width: 170px;
  border-radius: 20px !important;
  box-shadow: none !important;
  border: solid 0px #000000 !important;
}

.sova {
  /* background: #1C222B; */
  border-radius: 0 0 4px 4px;
  width: 100%;
  display: table;
  height: 50px;
}

.allRightsReserved {
  background: #00000000;
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px;
  font-size: 0.8em;
  text-transform: none;
  color: white;
}

.wrongPassMessage {
  margin-top: 15px;
}

.loginMessage {
  margin-bottom: 0px;
}

.columnFontSize {
  font-size: 14px;
}

/*
.ui-picklist .ui-picklist-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	width: auto !important;
	min-height: 250px;
	height: auto !important;
	border: 1px solid #FFF;
}

.ui-picklist .ui-button {
	display: none;
}

.rightSidePickList {
	float: right;
	margin-top: -445px;
}

.ui-picklist .ui-picklist-list li {
	padding: 2px;
	margin: 1px;
	height: 40px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-radius: 0px !important;
}
*/

.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #515a68;
  top: 0px;
  height: 100%;
  color: #e1ffff;
}

.nav-side-menu .brand {
  background: white;
  /* 	background: rgba(36,35,36,1); */
  /* 	background: -moz-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%); */
  /* 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,35,36,1)), color-stop(100%, rgba(140,140,140,1))); */
  /* 	background: -webkit-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%); */
  /* 	background: -ms-linear-gradient(top, rgba(36,35,36,1) 0%, rgba(140,140,140,1) 100%); */
  line-height: 95px;
  height: 95px;
  display: block;
  text-align: center;
  font-size: 14px;
}

.nav-side-menu .toggle-btn {
  display: none;
}

.nav-side-menu li {
  height: 70px;
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 70px;
  cursor: pointer;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #343a42;
  border: none;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: normal;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.nav-side-menu li {
  padding-left: 0px;
  border-bottom: 1px solid #23282e;
}

.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}

.nav-side-menu li a:focus {
  outline: none;
}

.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}

.nav-side-menu li:hover {
  background-color: #48505d;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #33a2cf;
    color: #fff;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}

@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

.logoDiv {
  width: 200px;
  margin: auto;
  overflow: hidden;
}

.leftMenuIcons {
  display: block;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -20px;
}

.leftMenuIcons.glyphicon {
  font-size: 23px;
}

.leftMenuLabels {
  display: block;
  margin-top: -25px;
}

.wrapperIcon {
  text-align: center;
  height: 69px;
  padding-top: 20px;
}

.nav-side-menu li.down.collapsed {
  background: #515a68;
}

.nav-side-menu li.down {
  background: #343a42;
}

.addUserLink {
  color: #aeea00 !important;
}

.ui-picklist-source {
  background-color: #f9f8f8;
}

.ui-picklist-source li,
.ui-picklist-source li.ui-state-highlight {
  background-color: #f9f8f8;
  background-image: url("../img/plus.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.ui-picklist-target li,
.ui-picklist-target li.ui-state-highlight {
  background-color: white;
  background-image: url("../img/minus.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.ui-picklist-buttons {
  background-color: #f2f3fa;
}

.secondHead {
  box-shadow: 5px 5px 5px 5px #f2f3fa;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 98%;
  margin-left: 5px;
}

.text-primary {
  /*color: #33a2cf;*/
  color: #1b8d6b;
}

.text-primary {
  /*color: #33a2cf;*/
  color: #1b8d6b;
}

.btn-primary {
  color: #fff !important;
  background-color: #1b8d6b !important;
  border-color: #1b8d6b !important;
}

.filterDropdown,
.countryDropdown {
  display: block !important;
  margin: auto;
  width: 50% !important;
  min-width: 100px;
}

.countryDropdown .ui-selectonemenu-items-wrapper {
  width: 205px !important;
}

.countryDropdown.ui-state-default,
.countryDropdown .ui-selectonemenu-trigger {
  outline: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.countryDropdown .ui-selectonemenu-label.ui-inputfield {
  color: black;
  background: transparent !important;
}

/*
.ui-picklist .ui-picklist-caption {
	text-align: left;
	height: 60px;
	padding: 0px;
}

.ui-picklist .ui-picklist-buttons {
	display: none;
}

.ui-picklist>div {
	width: 50% !important;
}

*/

.activeTab > a {
  background-image: url("../img/arrow-left.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.activeTab a {
  background-color: #302f30;
}

.activeTabUnder {
  color: rgb(30, 225, 175) !important;
}

label {
  color: black;
}

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

.headLeftSide {
  color: #33a2cf;
  background-color: #f2f3fa;
}

.headRightSide {
  color: #33a2cf;
  background-color: #fff;
  height: 100px;
  width: 100%;
  margin-top: 0px;
  padding-top: 20px;
}

.teamNameInputField {
  border: none;
  min-width: 150px;
  width: 100%;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
  padding-left: 0px;
}

.graphicImageSize {
  width: 20px;
  height: 20px;
}

.actionColumn {
  width: 55px;
  text-align: center;
}

.actionRow {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.actionLink {
  display: inline-flex;
  align-items: center;
}

.actionIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}

.comboColumn {
  width: 250px;
}

.marginRight5 {
  margin-right: 5px;
}

.resetPassBody,
.forgotPassBody {
  background: #364051;
  height: 100%;
  display: table;
  width: 100%;
}

.resetPassForm,
.forgotPassForm {
  background: #edeef2;
  border-radius: 4px;
  padding: 10px 20px;
  margin-bottom: -5px;
}

.newPass {
  margin-bottom: 2%;
  margin-top: 2%;
  width: 100%;
}

.resetPassLabel,
.forgotPassLabel {
  vertical-align: middle;
  display: table-cell;
  padding: 0 5px;
  font-size: 0.8em;
  text-transform: none;
}

.forgotPassEmail {
  margin-bottom: 6%;
  width: 100%;
}

.forgotPassLabel {
  margin-left: 1%;
  font-size: 0.75em;
  text-transform: none;
}

.pickListHeader {
  margin-left: 0px;
  margin-right: 0px;
}

.teamName {
  font-weight: bold;
}

.ui-picklist .ui-picklist-item {
  font-weight: bold;
}

.startCallingButton {
  margin-bottom: 0px;
  margin-left: 3%;
  width: 94%;
}

.boldedFont {
  font-weight: bold;
}

.agentsNotAssigned,
.managersNotAssigned {
  background-color: #f9f8f8;
  border-top-left-radius: 4px;
  border-right: 3px solid #fff;
}

.thirdHeader.down.collapsed {
  background: #343a42 !important;
}

.thirdHeader.down,
.sys-admin-sub-menu .sub-tab {
  background: #292e34 !important;
}

.sys-admin-sub-menu .sub-tab,
.sys-admin-sub-menu .activeTabUnder {
  font-size: 11px;
}

.sys-admin-sub-menu .sub-tab:hover {
  background-color: #020203 !important;
}

.personalInfo {
  height: 415px;
}

.phoneIcon {
  background-image: url("../img/fa-phone-icon.png") !important;
  background-repeat: no-repeat;
  background-position: left 20px center;
}

.phoneIcon.ui-state-hover {
  background-position: left 20px center !important;
}

.gravatar {
  text-align: center;
}

.gravatar img {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  margin-top: 15px;
}

.statReports {
  display: none !important;
  color: white;
  line-height: 25px;
  z-index: 1001;
  position: absolute;
  width: 300%;
  left: 100%;
  top: -10px;

  background: rgba(52, 70, 94, 1);
  background: -moz-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(52, 70, 94, 1)),
    color-stop(100%, rgba(24, 36, 50, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
}

.statReportsMenu:hover + .statReports {
  display: block !important;
}

.statReports:hover {
  display: block !important;
}

.statReports li {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.statReports li:hover {
  display: block !important;
  background: #3d3c3d;
}

.menu li {
  height: 35px;
  margin-left: -40px;
}

.menu li img {
  margin-left: 30px;
  margin-right: 12px;
  margin-top: 10px;
}

.menu li a {
  padding-top: 10px;
}

.menu ul li:hover {
  background: #f2f3fa;
}

.menu ul li a {
  vertical-align: middle;
  position: absolute;
}

.ui-tabs-panel {
  border-radius: 0 !important;
}

.nav-tabs .ui-tabs-nav {
  padding: 0 !important;
}

.nav-tabs li {
  margin: 0px 3px 0px 0px !important;
}

.formatter {
  margin-top: 5px;
}

#changePasswordForm {
  padding: 0px !important;
  border-radius: 5px;
}

.marginTop20 {
  margin-top: 20px;
}

.marginTop10 {
  margin-top: 10px;
}

.marginTop25 {
  margin-top: 25px;
}

.marginTop20m {
  margin-top: -20px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.mapperWrapper {
  height: 390px;
  overflow-y: scroll;
}

.nav-tabs li a {
  font-size: 13px;
  text-align: center;
  background: white;
  border: 1px solid #dddddd !important;
  border-radius: 4px 4px 0 0 !important;
  text-transform: uppercase;
  color: #343a42 !important;
  white-space: normal;
  font-weight: bold !important;
  height: 55px;
  width: 135px;
  line-height: 100% !important;
  text-align: center;
}

.nav-tabs li.ui-state-active a {
  border: 1px solid #fff !important;
  color: #33a2cf !important;
}

.nav-tabs .ui-tabs-panel {
  background: white !important;
}

.campaignDescription {
  color: black !important;
  height: 150px !important;
  width: 96%;
}

.startDate {
  width: 160px;
}

@media (max-width: 1366px) {
  .filtersDialogWrapper {
    height: 350px !important;
  }
  .checkboxLabelClass {
    font-size: 11px !important;
  }
  .copyDefault {
    font-size: 11px !important;
  }
  .filtersTableDiv {
    width: 60% !important;
  }
  .filterValue {
    width: 350px !important;
  }
  .filtersClass {
    width: 50% !important;
    left: 25% !important;
    top: 25% !important;
  }
  .colType {
    font-size: 12px;
  }
  .nav-tabs li a {
    font-size: 12px;
    width: 110px;
    line-height: 100% !important;
  }
  .startDate {
    width: 140px;
  }
  .tempSection {
    margin-right: 0px !important;
    margin-top: 10px;
  }
  .maxTemp {
    font-size: 20pt !important;
  }
  .minTemp {
    font-size: 16pt !important;
  }
  .weatherInfo {
    font-size: 16pt !important;
    margin-top: -10% !important;
  }
  .moreBtn {
    margin-right: 10% !important;
    width: 13% !important;
  }
  .attentionBtn {
    width: 7% !important;
  }
  .okBtn {
    margin-right: 25% !important;
  }
  .sendLinkBtn {
    min-width: 30px !important;
  }
  .showNotesClass {
    top: 83% !important;
    /* 		margin-top: 100px !important; */
  }
  .box-field {
    margin-bottom: 5px !important;
    font-size: 12px;
  }
  .depositPreviewClass label {
    font-size: 12px;
  }
  .muteButton {
    width: 96%;
    margin-bottom: 10px !important;
  }
  .badLineButton {
    width: 96%;
  }
  .smallResolution {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 10px;
  }
  .buttonsDiv {
    width: 100% !important;
  }
  .paddingTopBottom {
    padding-top: 0px !important;
  }
  .line {
    border-color: #ccc;
    margin-left: -12px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    margin-left: -12px;
  }
  .leadCardRebuttalClass {
    width: 39% !important;
    top: 27.5% !important;
  }
  .agentsButtons {
    width: 175px !important;
    height: 70px !important;
  }
  .inCallSeparator,
  .waitingForCallSeparator,
  .pausedSeparator,
  .offlineSeparator {
    width: 70px !important;
  }
  .agentStatuses {
    margin-top: 17px !important;
    font-size: 10px;
  }
}

@media (min-width: 1920px) {
  .leadCardRebuttalClass {
    width: 40% !important;
    top: 18.5% !important;
  }
}

.paddingTopBottom {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .nav-tabs li a {
    font-size: 10px;
    width: 90px;
    height: 50px;
    white-space: normal;
  }
}

@media (max-width: 1280px) {
  .nav-tabs li a {
    font-size: 11px;
    width: 100px;
    height: 50px;
    white-space: normal;
  }
}

.personal-info-field {
  padding-bottom: 7px;
  padding-left: 12px;
  margin-bottom: 7px;
}

.personal-info-field label {
  display: block;
}

.personal-info-field select {
  width: 96%;
}

.fc-agendaDay-button {
  margin-right: 30px !important;
}

.fc-month-button,
.fc-agendaWeek-button,
.fc-agendaDay-button {
  padding-left: 45px !important;
  padding-right: 45px !important;
  border: 0px !important;
  box-shadow: none !important;
  background: none !important;
}

.fc-month-button:first-letter,
.fc-agendaWeek-button:first-letter,
.fc-agendaDay-button:first-letter {
  text-transform: uppercase;
}

.fc-month-button.ui-state-active,
.fc-agendaWeek-button.ui-state-active,
.fc-agendaDay-button.ui-state-active {
  border-bottom: 5px solid #00a6d1 !important;
  border-radius: 0px !important;
}

#scheduler table {
  background-color: white;
}

.fc th {
  text-align: center !important;
}

.fc-bg {
  top: -1px !important;
  bottom: 1px !important;
}

.fc-day-header {
  border-right: 1px solid #ccc !important;
}

#scheduler td.ui-widget-header {
  border: 1px solid #ccc !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.fc-today {
  border-left: 1px solid #ccc !important;
}

.fc-center {
  margin-top: 8px;
}

.fc-day-number {
  border-right: 1px solid #ccc !important;
}

.createLinkDepotFormClass {
  background: none !important;
}

.addBtn {
  background-image: url("../img/save-icon.png") !important;
}

.depotColType,
.noteColType {
  font-size: 12px;
}

th.depotColType,
th.noteColType {
  color: #33a2cf !important;
  background: white !important;
}

.table .notesTable {
  margin-bottom: 12px !important;
}

.linkDepotTable tbody td,
.notesTable tbody td {
  background: #f2f3fa !important;
}

.linkDepotTable tbody tr,
.notesTable tbody tr {
  border-top: none;
  border-right: none;
  border-bottom: 5px solid white;
}

.linkDepotTable table,
.linkDepotTable thead th,
.linkDepotTable tbody,
.linkDepotTable tbody td,
.notesTable table,
.notesTable thead th,
.notesTable tbody,
.notesTable tbody td {
  border-style: none !important;
}

.notesTable .ui-datatable-scrollable-footer,
.notesTable .ui-datatable-scrollable-header {
  background-color: white;
}

.scriptsTable tbody td,
.voicemailTable tbody td {
  background: #f2f3fa !important;
}

.scriptsTable tbody tr,
.voicemailTable tbody tr {
  border-top: none;
  border-right: none;
  border-bottom: 5px solid white;
}

.scriptsTable table,
.scriptsTable thead th,
.scriptsTable tbody,
.scriptsTable tbody td,
.voicemailTable table,
.voicemailTable thead th,
.voicemailTable tbody,
.voicemailTable tbody td {
  border-style: none !important;
}

.buttonsBox {
  text-align: center;
}

.checkboxLabelClass {
  padding-top: 10px !important;
  padding-left: 0px !important;
}

.checkboxClass {
  margin-right: 5px !important;
}

.paddingTop15 {
  padding-top: 15px;
}

.marginLeft45 {
  margin-left: 45px !important;
}

.fieldWithoutBorder {
  font-weight: bold;
  border: none !important;
  box-shadow: none !important;
  width: 96%;
  font-size: 14px;
}

.colorGray {
  color: #6b6b6b !important;
}

.calendar-icon {
  margin-top: 9px !important;
}

.fontSize13 {
  font-size: 13px;
}

#personalInfoForm {
  padding: 0px !important;
  border-radius: 5px;
}

.fontSize11 {
  font-size: 11px !important;
}

.profile-menu-content li a:active {
  color: #6cb2ce !important;
}

.profile-menu-content li a:hover {
  color: #6cb2ce !important;
}

.profile-menu-content li:active {
  border-left: 1px solid #6cb2ce;
  background-color: #f2f3fa;
}

.profile-menu-content li a:visited {
  color: #6cb2ce;
}

.profile-menu-content li a.selected {
  color: #33a2cf !important;
}

.profile-menu-content li.selected {
  border-left: 1px solid #6cb2ce;
  background-color: #f2f3fa;
}

.ui-confirmdialog-yes {
  margin-left: 45px !important;
}

.activeCallButton {
  background: #e97416 !important;
}

.administrationIcon {
  font-size: 20px;
  margin-top: -3px;
  color: white;
}

.scriptDescription {
  box-shadow: none !important;
  border: none !important;
  resize: vertical !important;
  color: black !important;
  width: 100%;
}

.scriptDescription.ui-state-disabled,
.rebuttalName.ui-state-disabled {
  opacity: 0.85 !important;
}

.scriptsHeader {
  width: 100%;
  display: table;
  border-spacing: 23px;
  margin: 0 25px 10px;
  text-align: right;
}

.voicemailsHeader {
  width: 100%;
  display: table;
  border-spacing: 5px;
  text-align: right;
}

.paddingBottom20 {
  padding-bottom: 20px;
}

.placeholders {
  font-size: 10px;
  font-style: italic;
  color: gray;
}

.useSystemDefault {
  margin-left: 475px;
  margin-top: 3px;
}

.smsSystemDefault {
  float: right;
  margin-right: 25px;
}

.marginTop10 {
  margin-top: 10px;
}

.htmlSystemDefault {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.textSystemDefault {
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
}

.characterCount {
  font-size: 12px;
  color: gray;
  float: right;
  margin-right: 25px;
}

.characterCountText {
  font-size: 12px;
  color: gray;
}

.selectCampaignList,
.linkDepotList {
  border: none !important;
  box-shadow: none;
  width: 100%;
}

.selectCampaignList table td,
.linkDepotList table td {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 5px 5px 15px;
}

.linkDepotList table td {
  padding: 15px;
}

.priorityColor {
  color: #959595;
}

.selectCampaignList .ui-selectlistbox-item,
.linkDepotList .ui-selectlistbox-item {
  background: white !important;
}

.selectCampaignList .ui-state-highlight {
  background: #f2f3fa !important;
}

.linkDepotList .ui-state-highlight a {
  color: black;
}

.selectCampaignList .ui-state-highlight .priorityColor,
.selectCampaignList .ui-state-highlight .bold {
  color: #33a2cf;
}

.selectCampaignList input.ui-selectlistbox-filter {
  border: 0px !important;
  width: 96% !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.selectCampaignList .ui-icon {
  background-image: url("../img/search-icon.png");
  background-position: 0px;
}

.selectCampaignList .ui-selectlistbox-filter-container {
  margin-bottom: 15px;
}

.currentCampaign {
  background: #515a68;
}

.current-campaign-white {
  color: white;
}

.viewClass {
  color: #44b6ae !important;
  font-size: 14px;
}

.currentCampaignFont {
  font-weight: bold;
  font-size: 18px;
}

.stateActiveColor {
  color: #1dda8e;
}

.statePausedColor {
  color: #ff6f00;
}

.currentCampaignTextarea {
  background: #515a68;
  width: 100%;
  border: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 1;
  resize: none;
}

.link {
  color: #44b6ae !important;
  font-size: 14px !important;
  float: right;
}

.scriptTable {
  display: table;
  width: 100%;
}

.scriptCell {
  display: table-cell;
  text-align: right;
}

.ui-tooltip .ui-tooltip-text {
  background-color: #fffff0;
  color: black;
}

.numericCell {
  text-align: right;
}

.ui-confirm-dialog {
  top: 40% !important;
  left: 40% !important;
}

#processingStatus {
  top: 45% !important;
  left: 45% !important;
  text-align: center;
}

#decfont {
  color: black;
  font-size: 15;
}

#incfont {
  color: black;
  font-size: 18;
}

.scriptText {
  width: 100% !important;
  height: 630px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 1;
  resize: none;
  padding-left: 10px;
  padding-right: 10px;
}

.textEditor .ui-editor-toolbar .ui-editor-group:nth-child(8n) {
  display: none;
}

#cke_84,
#cke_86,
#cke_88 {
  display: none;
}

.cke_top {
  width: 100% !important;
  padding: 6px 0 2px !important;
}

.cke_1 {
  width: auto !important;
  margin-top: 12px !important;
}

#cke_177_uiElement {
  display: none;
}

.inlineStyle {
  display: inline;
}

.uploadLeadClass .ui-fileupload-content {
  background: #f2f3fa;
}

.uploadLeadClass .ui-fileupload-buttonbar {
  background: transparent;
  border: none;
  padding: 0.2em;
}

.uploadLeadClass .ui-messages-error-summary {
  margin-left: 0%;
}

.depositLinkFileUpload .ui-fileupload-files {
  display: none;
}

.uploadContent {
  text-align: center;
}

.imageUpload {
  margin-bottom: 10px;
}

.uploadLabel,
.dragdropMessage {
  color: #515a68;
}

.dragdropMessage {
  text-transform: none;
}

.cke_createCampaignForm {
  margin-top: 10px !important;
}

.verticalSpacer20 {
  width: 100%;
  height: 20px;
}

.cke_chrome {
  margin-top: 10px !important;
}

.createLinkDepotClass,
.createScriptClass {
  left: 15% !important;
  min-width: 70% !important;
}

.viewScriptClass {
  left: 25% !important;
  min-width: 50% !important;
  max-width: 50% !important;
}

.agentClass {
  left: 5% !important;
  right: 5% !important;
  min-width: 60% !important;
}

.showNotesClass {
  left: 59% !important;
  top: 46% !important;
  min-width: 39% !important;
}

.scriptDropdown .ui-selectonemenu-label {
  text-transform: none !important;
  text-shadow: none !important;
}

#loading {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#cke_40,
#cke_41,
#cke_42,
#cke_56,
#cke_57,
#cke_65,
#cke_71,
#cke_73,
#cke_74,
#cke_75,
#cke_76,
#cke_77 {
  display: none;
}

.copyDefault {
  color: #6cb2ce;
  margin-right: 10px;
  font-size: 12px;
}

.copyDefault:hover {
  text-decoration: underline;
}

.lead-info-field {
  padding-left: 12px;
  padding-bottom: 3px;
  margin-bottom: 6px;
}

.lead-info-field label {
  display: block;
}

.leadCampaignScriptText {
  width: 100% !important;
  border: none;
  box-shadow: none;
  text-shadow: none;
  opacity: 1;
  resize: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;
}

.sendLinkBtn {
  margin-left: 2%;
  margin-bottom: 12px;
  width: 45%;
}

.moreBtn {
  margin-right: 8%;
  margin-bottom: 12px;
  margin-top: -30px;
  width: 10%;
  float: right;
  font-size: 8px;
  background: #33a2cf;
}

.agentMoreBtn {
  margin-right: 1%;
  margin-bottom: 12px;
  margin-top: -30px;
  width: 13%;
  height: 5%;
  float: right;
  font-size: 8px !important;
  background: #33a2cf !important;
}

.attentionBtn {
  margin-right: 2%;
  margin-bottom: 12px;
  margin-top: -30px;
  width: 5%;
  float: right;
  font-size: 8px;
  background: #d50000;
}

.agentAttentionBtn {
  margin-right: 2%;
  margin-bottom: 12px;
  margin-top: -30px;
  width: 5%;
  height: 5%;
  float: right;
  font-size: 8px !important;
  background: #d50000 !important;
}

.campaignDropdown {
  margin: -3px -10px 0 10px !important;
  width: 200px !important;
}

.campaignDropdown .ui-inputfield {
  background: #ff6f00;
  padding: 0px;
  box-shadow: none;
  color: white;
}

.campaignDropdown .ui-state-default {
  background: #ff6f00;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: none;
  border-left: none;
}

.campaignDropdown.btn-warning:focus,
.campaignDropdown.btn-warning.focus {
  color: #fff;
  background-color: #ff6f00 !important;
  border-color: #ff6f00 !important;
}

.campaignDropdown.btn-warning:hover,
.campaignDropdown.btn-purple.hover {
  color: #fff;
  background-color: #ff6f00;
  border-color: #ff6f00;
}

.campaignDropdown.btn-warning:hover.darkHover {
  color: #fff;
  background-color: #ff6f00;
  border-color: #ff6f00;
}

.campaignDropdown .ui-selectonemenu-trigger {
  min-width: 44px !important;
}

.campaignDropdown .ui-selectonemenu-trigger:hover {
  background: #db5f00;
}

.campaignDropdown .ui-state-focus,
.campaignDropdown.ui-state-focus {
  outline: none;
}

.campaignDropdown .ui-selectonemenu-trigger .ui-icon {
  float: right;
  margin-right: 8px;
  margin-top: 7px;
}

.otherCampaignLeads {
  margin-top: 25px;
  width: 615px;
}

.leadsOtherCampaignClass {
  width: 80% !important;
  left: 10% !important;
  top: 10% !important;
}

.leadsOtherCampaignClass .ui-dialog-content {
  padding: 15px 0px 15px 15px !important;
}

.filtersTable tbody tr {
  border-top: none;
  border-right: none;
  border-bottom: 5px solid white;
}

.filtersTable table,
.filtersTable thead th,
.filtersTable tbody,
.filtersTable tbody td {
  border-style: none !important;
}

.filtersTable tbody td {
  background: #f2f3fa !important;
}

.filtersTable thead {
  display: none;
}

.filterValue {
  width: 370px;
}

.noCriteriaButton {
  text-transform: none;
  background: #f2f3fa !important;
  border-color: #f2f3fa !important;
  color: #333333 !important;
  margin-left: 10px;
  background: #f2f3fa !important;
}

.criteriaButton {
  text-transform: none;
  background: #b5cdd6 !important;
  border-color: #b5cdd6 !important;
  color: #333333 !important;
  margin-left: 10px;
  background: #b5cdd6 !important;
}

.noCriteriaButton:hover {
  background: #f2f3fa !important;
  border-color: #f2f3fa !important;
  color: #333333 !important;
}

.criteriaButton:hover {
  background: #b5cdd6 !important;
  border-color: #b5cdd6 !important;
  color: #333333 !important;
}

.addFilterButton.disabled:hover {
  background-color: #33a2cf !important;
  border-color: #33a2cf !important;
}

.filtersTableDiv {
  width: 71%;
  float: left;
}

.filtersClass {
  top: 25% !important;
}

.swithSection {
  float: right;
  margin-right: 20px;
  font-size: 18px;
}

.tempSection {
  float: right;
  margin-right: 20px;
  display: block;
}

.maxTemp {
  margin-top: 10px;
  font-weight: bold;
  color: black;
  font-size: 25pt;
}

.minTemp {
  font-size: 18pt;
  font-weight: bold;
}

.weatherInfo {
  float: right;
  margin-right: 25%;
  font-size: 20pt;
  margin-top: -8.5%;
  font-weight: bold;
  color: black;
  text-transform: capitalize !important;
}

.weatherComponent {
  padding-bottom: 25px;
  padding-left: 12px;
  margin-bottom: 7px;
  background-color: #f2f3fa;
  margin-top: -5px;
}

.leadInputText {
  font-weight: bold;
  border: none;
  box-shadow: none;
}

.okBtn {
  margin-right: 21%;
  margin-bottom: 12px;
  margin-top: -30px;
  width: 12%;
  float: right;
  font-size: 8px;
  background: #33a2cf;
}

.cancelBtn {
  width: 145px;
  float: right;
  font-size: 8px;
  background: #33a2cf;
}

.celTemp {
  color: black;
}

.celTemp:hover,
.fTemp:hover {
  cursor: pointer;
}

.depositlinkTextarea {
  width: 100% !important;
  color: black !important;
}

#logoUploadDiv
  > div.ui-fileupload.ui-widget.uploadLeadClass.uploadButton
  > div.ui-fileupload-content.ui-widget-content.ui-corner-bottom {
  display: none;
}

.ui-dialog .ui-dialog-title {
  margin: 0px !important;
}

.leadsOtherCampaignTable {
  margin-right: 15px;
}

.leadsOtherCampaignTable .table {
  margin-bottom: 0px !important;
}

.filtersDialogWrapper {
  height: 600px;
  overflow-y: scroll !important;
}

.voicemailWrapper {
  width: 100%;
  overflow: hidden;
}

.defVoicemail {
  padding-left: 12px;
}

.uploadDiv {
  float: left !important;
  width: 100% !important;
}

.audioDiv {
  overflow: hidden;
}

.numberOfLeads {
  margin-right: 15px;
  text-align: right;
  color: grey;
}

.leadCardErrors {
  margin-left: 20px;
  margin-right: 20px;
  display: none;
  font-weight: bold;
}

.audioClass {
  margin-top: 25px;
}

#leadCardForm input.leadInputText[disabled] {
  opacity: 1;
}

.pauseAfterCall {
  background-color: #4d5a69;
  color: white;
  border-color: #4d5a69;
  margin-top: 10px;
}

.depositGreenButton {
  width: 95%;
  background: #64dd17 !important;
  color: white !important;
}

.depositGreenButton:hover {
  border-color: #64dd17 !important;
}

.previewGreyColumn {
  padding-top: 10px;
  background: #f2f3fa;
}

.depositPreviewClass,
.agentDepositClass {
  top: 10% !important;
  width: 60% !important;
  left: 20%;
}

.depositPreviewClass .ui-dialog-content,
.agentDepositClass .ui-dialog-content {
  padding: 0px !important;
}

.previewField {
  background: transparent !important;
}

.closeButtonDiv {
  margin-top: 10% !important;
}

.additionalPhoneMsg {
  display: none;
  margin-left: 10px;
  font-style: italic;
  color: red;
}

.riskScoreMsg,
.creditCardNumberMsg {
  display: none;
  font-style: italic;
  color: red;
}

.salesButton {
  margin-right: 3%;
  margin-bottom: 12px;
  width: 100%;
  text-transform: none;
  color: white !important;
  pointer-events: none;
}

.numberCalls {
  background-image: url("../img/fa-phone-square-icon.png") !important;
  background-repeat: no-repeat;
  background-position: left -2px center;
  background-color: #33a2cf;
}

.numberSalles {
  background-image: url("../img/fa-bullseye-icon.png") !important;
  background-repeat: no-repeat;
  background-position: left -2px center;
  background-color: #d05454;
}

.dailyBonus {
  background-image: url("../img/fa-dollar-white-icon.png") !important;
  background-repeat: no-repeat;
  background-position: left -2px center;
  background-color: #3a9c95;
}

.numberCalls.ui-state-hover,
.numberSalles.ui-state-hover,
.dailyBonus.ui-state-hover {
  background-position: left -2px center !important;
}

.rebuttalDescription {
  color: black !important;
  width: 100%;
}

.rebuttalText {
  margin-top: 20px;
  padding-right: 12px;
  padding-top: 20px;
}

.disableColor {
  color: #79879d;
}

.viewRebuttalClass {
  left: 25% !important;
  min-width: 50% !important;
}

.rowExpansion {
  height: 60px;
}

.ui-datepicker .ui-datepicker-title select {
  color: black;
}

.ui-progressbar .ui-progressbar-value.ui-widget-header {
  background-image: -webkit-linear-gradient(top, #ff0000, #ff0000);
}

.inputSearchField input {
  width: 99%;
}

.leadCardRebuttalClass {
  left: 58.4% !important;
  height: 400px !important;
}

.droppedLineClass {
  background-image: url("../img/disconnection.png") !important;
  width: 50px !important;
  height: 50px !important;
}

.thumbDownClass {
  background-image: url("../img/thumb_down.png") !important;
  width: 50px !important;
  height: 50px !important;
}

.pendingDepositClass {
  background-image: url("../img/pending-icon.png") !important;
  width: 50px !important;
  height: 50px !important;
}

.thumbUpClass {
  background-image: url("../img/thumb_up.png") !important;
  width: 50px !important;
  height: 50px !important;
}

.notInterestedClass {
  background-image: url("../img/not-interested-icon.png") !important;
  width: 50px !important;
  height: 50px !important;
}

.dispositionButtons {
  font-weight: bold;
  width: 150px !important;
  height: 150px !important;
  font-weight: bold;
}

.redLine,
.redLine.ui-state-disabled {
  border-bottom: 5px solid #cc3e2c !important;
}

.yellowLine,
.yellowLine.ui-state-disabled {
  border-bottom: 5px solid #fbc02d !important;
}

.blueLine,
.blueLine.ui-state-disabled {
  border-bottom: 5px solid #98cac8 !important;
}

.bluerLine,
.bluerLine.ui-state-disabled {
  border-bottom: 5px solid #33a2cf !important;
}

.blackLine,
.blackLine.ui-state-disabled {
  border-bottom: 5px solid #000000 !important;
}

.dispositionButtons.ui-button-text-icon-left .ui-icon {
  position: relative !important;
  left: 37%;
}

.dispositionButtons.ui-button-text-icon-left .ui-button-text {
  padding: 0.3em 1em 0.3em 1em !important;
}

.dispositionButtons.ui-button {
  background: white;
}

.center {
  margin: 0 auto;
  width: 100%;
}

.dispositionsClass {
  top: 3% !important;
  left: 20% !important;
  width: 60% !important;
}

.dispositionsClass.ui-dialog.ui-widget-content,
.dispositionsClass.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  background: #f2f3fa;
}

.dispositions-box label {
  display: block;
}

.dispositions-box {
  padding-top: 3%;
  padding-left: 15px;
}

.dispositionButtonWidth {
  width: 30% !important;
}

.managerDispoClass {
  width: 35% !important;
}

.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

.white-box {
  background: white;
  height: 150px !important;
  display: table;
  width: 100%;
}

.white-box2 {
  background: white;
  display: table;
  width: 100%;
}

.buttonPanel {
  display: table-row-group;
  vertical-align: bottom;
}

.buttonPanel .col-md-12 {
  padding: 0px !important;
}

.secondColumn {
  padding-right: 50px;
}

.languageDropdown,
.whiteDropdown {
  width: 60% !important;
}

.languageDropdown .ui-selectonemenu-label {
  color: black !important;
  font-weight: bold !important;
  text-transform: none !important;
  font-size: 15pt;
}

.whiteDropdown .ui-selectonemenu-label {
  color: black !important;
  font-weight: bold !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.templatesSection {
  padding-left: 0px;
}

.whiteDropdown .ui-selectonemenu-trigger .ui-icon {
  margin-top: 7px !important;
}

.languageDropdown.ui-state-default,
.languageDropdown .ui-selectonemenu-trigger,
.whiteDropdown.ui-state-default,
.whiteDropdown .ui-selectonemenu-trigger {
  outline: 0;
  border: none !important;
  background: white !important;
  box-shadow: none !important;
}

.submitDisposition {
  width: 100%;
  color: white !important;
  border-color: #78909c !important;
  background-image: none !important;
  background-color: #78909c !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.languageDropdown .ui-inputfield {
  box-shadow: none !important;
}

.scheduleDate .ui-state-default {
  outline: 0;
  border: none !important;
  background: white !important;
  box-shadow: none !important;
}

.scheduleDate .ui-inputfield {
  font-weight: bold !important;
  text-transform: none !important;
  font-size: 15pt;
}

.unscheduledCallClass,
.scheduledCallClass {
  height: 150px;
  width: 95%;
  margin-bottom: 10px;
  resize: none;
}

.note-box {
  padding-left: 15px;
}

.note-box2 {
  padding-top: 10px;
  padding-left: 15px;
}

.dispositionsErrorsClass {
  margin-left: -15px !important;
  margin-right: 15px !important;
}

@media (max-width: 1366px) {
  .dispositionButtons {
    font-weight: bold;
    width: 100px !important;
    height: 100px !important;
    font-weight: bold;
    font-size: 9px !important;
  }
  .droppedLineClass {
    background-image: url("../img/disconnection.png") !important;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
  }
  .thumbDownClass {
    background-image: url("../img/thumb_down.png") !important;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
  }
  .pendingDepositClass {
    background-image: url("../img/pending-icon.png") !important;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
  }
  .thumbUpClass {
    background-image: url("../img/thumb_up.png") !important;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
  }
  .notInterestedClass {
    background-image: url("../img/not-interested-icon.png") !important;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
  }
  .white-box {
    height: 100px !important;
  }
  .unscheduledCallClass,
  .scheduledCallClass {
    height: 80px;
  }
  .languageDropdown .ui-selectonemenu-label,
  .scheduleDate .ui-inputfield {
    font-size: 13pt;
  }
}

.dateFilterClass {
  margin-top: 13px !important;
}

.campaignStatisticClass,
.teamStatisticClass,
.agentStatisticClass {
  background: #f2f3fa !important;
  top: 1% !important;
}

.campaignStatisticClass,
.agentStatisticClass {
  width: 90% !important;
  left: 5% !important;
}

.teamStatisticClass {
  width: 70% !important;
  left: 15% !important;
}

.resultLabel {
  float: right;
  margin-top: 3px;
  text-align: right;
  padding-right: 5px;
}

.campaignStatisticClass .ui-dialog-titlebar,
.agentStatisticClass .ui-dialog-titlebar,
.teamStatisticClass .ui-dialog-titlebar {
  background: #f2f3fa !important;
}

.fieldset {
  padding: 15px 5px 15px 0px;
  background: white !important;
  box-shadow: 1px 1px 1px 1px #dddddd;
}

.statisticsLabel {
  color: black;
  text-transform: none;
  font-weight: bold;
}

.statisticsImage {
  width: 30px;
  height: 30px;
}

.mapLabel {
  text-transform: uppercase;
  font-weight: bold;
  color: #33a2cf;
  padding-bottom: 10px;
}

.mapClass {
  width: 100%;
  height: 100%;
}

.jqplot-target {
  color: white;
}

.jqplot-highlighter-tooltip {
  color: black !important;
}

@media (max-width: 1366px) {
  .fieldset {
    padding: 5px;
  }
}

.disableCampaignBtn.ui-state-default {
  background-color: #d50000;
  color: white;
}

.disableCampaignBtn.ui-state-default:hover {
  background-color: #d15454;
  border-color: #d15454;
}

.cancelBtn.ui-state-default {
  background-color: #515a68;
  color: white;
}

.cancelBtn.ui-state-default:hover {
  background-color: #79879d;
  border-color: #79879d;
}

.buttons2.ui-state-disabled {
  opacity: 1 !important;
  border: none;
  background-color: white !important;
}

.buttons3.ui-state-disabled {
  opacity: 1 !important;
}

.agentsButtons {
  font-weight: bold;
  width: 245px;
  height: 80px;
  color: #33a2cf;
  background: white;
  text-align: left;
}

.agentCirclePlus {
  background-image: url("../img/fa-plus-circle-icon.png") !important;
  background-repeat: no-repeat;
  background-position: left 95% bottom 5px !important;
}

.agentCirclePlus .ui-state-hover {
  background-position: left 95% bottom 5px !important;
}

.agentsGreenLine,
.agentsGreenLine .ui-state-disabled {
  border-left: 10px solid #c5e1a5 !important;
}

.agentsRedLine,
.agentsRedLine .ui-state-disabled {
  border-left: 10px solid #ffcdd2 !important;
}

.agentsGrayLine,
.agentsGrayLine .ui-state-disabled {
  border-left: 10px solid #bdbdbd !important;
}

.agentsBlueLine,
.agentsBlueLine .ui-state-disabled {
  border-left: 10px solid #b0a5e1 !important;
}

.inCallSeparator {
  width: 100px;
  height: 5px;
  background: #c5e1a5;
  margin-left: 0px;
}

.waitingForCallSeparator {
  width: 100px;
  height: 5px;
  background: #ffcdd2;
  margin-left: 0px;
}

.pausedSeparator {
  width: 100px;
  height: 5px;
  background: #b0a5e1;
  margin-left: 0px;
}

.offlineSeparator {
  width: 100px;
  height: 5px;
  background: #bdbdbd;
  margin-left: 0px;
}

.agentStatuses {
  margin-top: 13px;
  font-weight: bold;
}

.purpleClass {
  background-color: #9575cd !important;
}

.whiteColor {
  color: white;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
  width: 100%;
}

.horizontalSpacer20 {
  width: 20px;
}

.marginTop3 {
  margin-top: 3px !important;
}

.selectCallerIdDialog {
  left: auto;
  right: auto;
  left: 800px;
  top: 200px !important;
}

.caroucelClass,
.ui-carousel-viewport,
.caroucelClass .ui-carousel-vertical-viewport ul {
  width: 100% !important;
}

.label2 {
  font-size: 15pt;
}

.carousel-control {
  width: 0%;
}

.tableRows,
.titleRow {
  border: 1px solid #bfbfbf;
  padding: 15px 0px 15px 0px;
}

.tableRows:nth-child(even),
.titleRow {
  background: white;
}
.tableRows:nth-child(odd) {
  background: #f5f6ff;
}

.item,
.titleRow {
  font-size: 1.5em;
}

@media (max-width: 1366px) {
  .item,
  .titleRow {
    font-size: 1em;
  }
}

@media (max-width: 1280px) {
  .item,
  .titleRow {
    font-size: 0.8em;
  }
}

.tableRows div,
.titleRow {
  text-align: center;
}
.createLeadsClass {
  top: 7% !important;
}

#searchForm {
  margin-top: 20px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.testEmailClass {
  width: 25% !important;
  left: 37.5% !important;
  top: 10% !important;
}

.loadingDepositDiv {
  display: none;
  text-align: right;
  padding-right: 35px;
  padding-bottom: 10px;
}

.cashIconDivWrapper {
  padding-top: 13px;
  text-align: right;
  padding-right: 30px;
}

#cashIconDiv {
  margin-left: 10px;
}

#createCampaignForm:tabview:lighbox {
  color: #fff !important;
  background-color: #6cb2ce !important;
  border-color: #6cb2ce !important;
}

.hselectMenu option {
  color: black;
  height: 40px !important;
  background: white !important;
}

.linkPanel {
  height: 345px !important;
  overflow-y: scroll;
}

.sub-menu-labels {
  display: block;
}

.ui-messages .ui-widget .ui-helper-hidden {
  margin-top: -100px;
  display: block;
}

.jqplot-xaxis-tick {
  display: none !important;
}

.ui-lightbox {
  position: fixed;
  top: -10px !important;
}

@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-x: visible;
  }

  .navbar {
    /* *** */
    max-width: 300px;
    margin-right: 0;
    margin-left: 0;
    font-size: 12px;
  }

  .navbar-nav,
  .navbar-nav > li,
  .navbar-left,
  .navbar-right,
  .navbar-header {
    float: none !important;
  }

  .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
}

.navbar-header {
  text-align: left;
  background: #ffffff;
  height: 95px;
}

.navbar {
  border: none;
}

.navbar-nav {
  height: 100%;
  min-height: 850px;
  border: 1px solid transparent;

  background: rgba(52, 70, 94, 1);
  background: -moz-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(52, 70, 94, 1)),
    color-stop(100%, rgba(24, 36, 50, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(52, 70, 94, 1) 0%,
    rgba(24, 36, 50, 1) 100%
  );

  /*background: rgba(163,161,163,1);
	background: -moz-linear-gradient(top, rgba(163,161,163,1) 0%, rgba(46,45,46,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,161,163,1)), color-stop(100%, rgba(46,45,46,1)));
	background: -webkit-linear-gradient(top, rgba(163,161,163,1) 0%, rgba(46,45,46,1) 100%);
	background: -o-linear-gradient(top, rgba(163,161,163,1) 0%, rgba(46,45,46,1) 100%);
	background: -ms-linear-gradient(top, rgba(163,161,163,1) 0%, rgba(46,45,46,1) 100%);
	background: linear-gradient(to bottom, rgba(163,161,163,1) 0%, rgba(46,45,46,1) 100%);*/
}

.navbar-nav li a {
  color: white !important;
  line-height: 15px;
  padding-left: 3px;
  /*text-align: center;*/
}

.navbar-nav > li {
  border-bottom: 1px solid #23282e;
}

.leftSidebarLogo {
  height: 60px;
  width: 60px;
  display: block;
  margin: 20px;
  padding-bottom: 5px;
}

.navbar-brand {
  padding: 0px;
}

.submenu li {
  border-top: 1px solid #23282e;
}

.submenu li a:hover {
  background: #3d3c3d;
}

.submenu li a {
  line-height: 25px;
}

.activeTab .expand {
  background-color: #302f30 !important;
}

.expand[aria-expanded="true"] {
  /* background-color: #302f30 !important; */
}

.expand[aria-expanded="true"] {
  /* .background-color: #302f30 !important; */
}

.submenu[aria-expanded="true"] li a {
  padding-left: 15px;
  color: rgba(74, 244, 200, 1);
  /* background-color: #302f30; */
}

.createTeamTable {
  margin-bottom: 30px !important;
}

.createTeamTable .table {
  margin-bottom: 0px;
}

.createTeamTable .ui-datatable-footer {
  padding: 5px;
  text-align: left;
}

.viewField {
  box-shadow: none;
  opacity: 1;
}

.viewCollector .box-field {
  margin-bottom: 0px;
}

.regionClass {
  background-color: white !important;
}

.ui-timepicker-hour-cell a,
.ui-timepicker-minute-cell a {
  width: 30px !important;
}

.startHour input {
  margin-right: 10px;
}

.startDate input,
.endDate input {
  margin-right: 5px;
  width: 24% !important;
}

.filters {
  width: 50%;
}

.leaflet-control-container .leaflet-routing-container-hide {
  display: none;
}

.basicConfig input {
  width: 350px;
}

.totalDistance {
  display: none;
  padding: 5px 10px;
  background: white;
  z-index: 1;
  position: absolute;
  left: 3%;
  margin-top: 10px;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.2em;
}

.username {
  text-align: left;
  float: left;
  padding-right: 5px;
}

.distance {
  overflow: hidden;
}
/* .box-field input */

.ui-inputfield {
  border-radius: 20px !important;
  padding-left: 15px;
  box-shadow: none;
}

.ui-inputfield:focus,
textarea:focus,
input:focus {
  outline: none;
}

#addressFiltersForm:addressmanagementgrid:inline_input {
  /*border-radius:20px;*/
}

/*
.ui-state-active{
	box-shadow: none;
}
*/

.ui-datepicker .ui-datepicker-header {
  background: rgb(30, 225, 175);
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: #1b8d6b;
  padding-left: 3px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  padding-left: 25px;
}

.box-dropdown .ui-state-default {
  background: #00000000;
  margin-right: 6px;
}

.col-md-2 {
  width: 135px;
}

/*
 .ui-widget {
	font-size: 12px;
	margin-bottom: 20px;
 }

 .ui-state-focus {
 	outline: none !important;
 }
 
 .ui-state-highlight .ui-icon { background-image: url(/javax.faces.resource/images/ui-icons_333333_256x240.png.html?ln=primefaces-aristo); !important }
 */

.invalidTableRow {
  background-color: rgba(255, 0, 0, 0.7) !important;
  color: white !important;
}

.invalidTableRow:hover {
  background-color: rgba(200, 0, 0, 0.7) !important;
  color: white !important;
}

.inTableDateSelection input {
  border: none !important;
  display: inline !important;
  font-family: inherit !important;
  font-size: inherit !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: inherit !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.leftMenuItem {
  background-color: transparent !important;
  cursor: pointer !important;
}

.leftMenuItem:hover {
  background: #3d3c3d !important;
  cursor: pointer !important;
}

.ui-selectoneradio {
  background-color: transparent !important;
}

.ui-icon-bullet {
  background-position: -81px -145px;
}

#editClientForm\:currencyRadio label {
  float: right !important;
}

#editClientForm\:currencyRadio td {
  padding: 5px 0px 5px 0px !important;
}

.ui-datatable .ui-datatable-data td.ui-cell-editing {
  padding: 8px !important;
}

#editClientForm\:pricingByLawyerFilter span {
  margin-top: 14px !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
  border-color: inherit !important;
  font-weight: inherit !important;
  cursor: inherit !important;
}

.ui-state-disabled-cell-edit {
  background-color: transparent !important;
  background: transparent !important;
  text-shadow: transparent !important;
  color: inherit !important;
  border-color: inherit !important;
}

.ui-state-disabled-cell-editor {
  display: none !important;
}

.reportAlert {
  color: red;
  display: flex;
  flex-direction: column;
}

.reportAlert:hover {
  color: #1b8d6b;
}

.reportAlertIcon {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.sovaHeaderContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sovaBlink {
  animation: blink 2s ease-in-out infinite;
  opacity: 1;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ui-datatable-selectable.ui-state-highlight {
  color: #383838 !important;
}

.ui-editable-column {
  overflow: visible !important;
}

.ui-state-default {
  text-shadow: none !important;
}

.ui-state-highlight {
  text-shadow: none !important;
  font-weight: bold !important;
}