.help-block {
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: left;
  max-width: 100%;
  font-weight: 700; }

#customers .fa-trash-o {
  color: red;
  cursor: pointer; }

.x_content-inline {
  display: inline-block !important;
  width: auto;
  margin-top: 0; }

.table > tbody > tr.active > td {
  background-color: #73879C;
  color: #fff; }

.table > tbody > tr.active > td a {
  color: #fff; }

.form-horizontal {
  clear: both; }

tr.row-highlight {
  background-color: rgba(255, 204, 204, 0.5) !important; }

p.error {
  color: #CC0000; }
p.success {
  color: #009933; }
p.bold {
  font-weight: bold; }

/* -----------------------------
LAYOUT
------------------------ */
.site_title {
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center center; }

.nav-md .site_title {
  background-image: url("../../images/logo-eap-i.png"); }

.nav-sm .site_title {
  background-image: url("../../images/logo-eap-home.png"); }

.nav_title {
  float: none;
  height: 50px; }
  .nav_title .site_title img {
    max-width: 90%;
    height: auto; }

.nav.child_menu {
  /*display: block;*/ }

.menu_section ul {
  /*margin-top: 0;*/ }
  .menu_section ul li.section_title > a {
    text-align: center;
    font-weight: bold; }
  .menu_section ul li.section_title.section_consultant > a, .menu_section ul li.section_title.section_consultant.active > a {
    background: #1ABB9C; }
  .menu_section ul li.section_title.section_backoffice > a, .menu_section ul li.section_title.section_backoffice.active > a {
    background: #E74C3C; }
  .menu_section ul li.section_title.section_admin > a, .menu_section ul li.section_title.section_admin.active > a {
    background: #3498DB; }
.menu_section .section-title {
  text-align: center;
  font-weight: bold;
  padding: 8px;
  font-size: 1.25em;
  color: #fff;
  margin-top: 10px; }
  .menu_section .section-title.section-consultant {
    background-color: #1ABB9C; }
  .menu_section .section-title.section-backoffice {
    background-color: #E74C3C; }
  .menu_section .section-title.section-admin {
    background-color: #3498DB; }

/*==================================
=            Datatatble            =
==================================*/
.dataTables_filter {
  width: 100%; }

.dataTable.fixedHeader-floating {
  overflow-x: scroll !important; }

.table-responsive-xl {
  display: block;
  width: 100%;
  /*  -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;*/ }
  .table-responsive-xl::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0); }
  .table-responsive-xl::-webkit-scrollbar-thumb {
    background: #C6C6C6; }

/* -----------------------------

SEMAFOR

------------------------ */
.dropdown.semafor select {
  width: 50px; }

td.semafor {
  text-align: center; }

.semafor_dot {
  display: inline-block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #9e9e9e;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.btn-semafor {
  color: #fff; }
  .btn-semafor:hover {
    color: #fff; }

.semafor_dot.not_completed,
.btn-semafor.not_completed {
  background-color: #CC0000; }
.semafor_dot.draft_sent,
.btn-semafor.draft_sent {
  background-color: #150185; }
.semafor_dot.ready,
.btn-semafor.ready {
  background-color: #eea236; }
.semafor_dot.finished,
.btn-semafor.finished {
  background-color: #009933; }
.semafor_dot.storno, .semafor_dot.none,
.btn-semafor.storno,
.btn-semafor.none {
  background-color: #9e9e9e; }
.semafor_dot.status_0, .semafor_dot.status_new,
.btn-semafor.status_0,
.btn-semafor.status_new {
  background-color: #9e9e9e; }
.semafor_dot.status_1, .semafor_dot.status_draft_sent,
.btn-semafor.status_1,
.btn-semafor.status_draft_sent {
  background-color: #9e9e9e; }
.semafor_dot.status_2, .semafor_dot.status_draft_agreed,
.btn-semafor.status_2,
.btn-semafor.status_draft_agreed {
  background-color: #FFCC00; }
.semafor_dot.status_3, .semafor_dot.status_confirmed,
.btn-semafor.status_3,
.btn-semafor.status_confirmed {
  background-color: #eea236; }
.semafor_dot.status_4, .semafor_dot.status_finished,
.btn-semafor.status_4,
.btn-semafor.status_finished {
  background-color: #009933; }

/*====================================
=            Color select            =
====================================*/
.color-select {
  position: relative;
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */ }
  .color-select select {
    display: none;
    /*hide original SELECT element: */ }
  .color-select .select-selected {
    background-color: #9e9e9e; }
  .color-select .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 8px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent; }
  .color-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px; }
  .color-select .select-items div,
  .color-select .select-selected {
    width: 150px;
    text-align: center;
    color: #ffffff;
    padding: 6px 18px 6px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    border-radius: 3px; }
  .color-select .select-items {
    position: absolute;
    background-color: transparent;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  .color-select .select-hide {
    display: none; }
  .color-select .select-items div:hover, .color-select .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  .color-select .select-selected.not_completed,
  .color-select .select-items div.not_completed {
    background-color: #CC0000; }
  .color-select .select-selected.draft_sent,
  .color-select .select-items div.draft_sent {
    background-color: #150185; }
  .color-select .select-selected.ready,
  .color-select .select-items div.ready {
    background-color: #eea236; }
  .color-select .select-selected.finished,
  .color-select .select-items div.finished {
    background-color: #009933; }
  .color-select .select-selected.storno, .color-select .select-selected.none,
  .color-select .select-items div.storno,
  .color-select .select-items div.none {
    background-color: #9e9e9e; }

/*=============================
=            Calls            =
=============================*/
.row.callResults {
  padding: 10px;
  position: relative;
  margin-bottom: 10px; }
  .row.callResults h4 {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-100%);
    z-index: 0; }
  .row.callResults .btn {
    position: relative; }
  .row.callResults.failed {
    background-color: rgba(255, 204, 204, 0.5); }
  .row.callResults.success {
    background-color: rgba(153, 255, 187, 0.3); }
  .row.callResults.info {
    background-color: rgba(255, 224, 102, 0.3); }

#callTimerWindow {
  position: fixed;
  top: 0;
  left: 50%;
  padding: 10px;
  color: #fff;
  z-index: 9999;
  background-color: #CC0000; }
  #callTimerWindow .callTimeVal {
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 5px; }

a[data-tel] {
  /* text-decoration: underline !important;*/ }
  a[data-tel]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f095";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900; }

/* -----------------------------

CALL STATUS

------------------------ */
td.callStatus {
  text-align: center; }

.contact_status_dot {
 /*   display: inline-block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    @include vendor-prefix('border-radius', '50%');
    background-color: $grey;

   text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;*/ }
  .contact_status_dot.call_status_0 {
    /* background-color: $grey;*/
    color: #9e9e9e; }
  .contact_status_dot.call_status_1 {
    /*background-color: $grey;*/
    color: #9e9e9e; }
  .contact_status_dot.call_status_2 {
    /*background-color: $grey;*/
    color: #9e9e9e; }
  .contact_status_dot.call_status_3 {
    /*background-color: $red;*/
    color: #CC0000; }
  .contact_status_dot.call_status_4 {
    /* background-color: $yellow;*/
    color: #FFCC00; }
  .contact_status_dot.call_status_5 {
    /*background-color: $red;*/
    color: #CC0000; }
  .contact_status_dot.call_status_6 {
    /*background-color: $yellow;*/
    color: #eea236; }
  .contact_status_dot.call_status_7 {
    /* background-color: $red;*/
    color: #CC0000; }
  .contact_status_dot.call_status_8 {
    /*background-color: $green;*/
    color: #009933; }