#customForm {
    display: flex;
    flex-flow: row wrap;
}

#customForm fieldset {
    flex: 1;
    border: 0px solid #aaa;
    margin: 0.5em;
}

#customForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
}

#customForm fieldset.name {
    flex: 2 100%;
}

#customForm fieldset.name legend {
    background: #bfffbf;
}

#customForm fieldset.office legend {
    background: #ffffbf;
}

#customForm fieldset.hr legend {
    background: #ffbfbf;
}

#customForm div.DTE_Field {
    padding: 5px;
}


.modal .modal-dialog {
  max-width: 850px;
}


.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/10.0.2/img/flags.png");
}


#confirmed_calls_table tr {
  padding-bottom: 4px;
  padding-left: 4px;
  height: 50px;
}

#failed_calls_table tr {
  padding-bottom: 4px;
  padding-left: 4px;
  height: 40px;
}

#custom-bubble {
  background: hsla(9, 100%, 64%, 0.1);
  color: black;
  font-size: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
  min-width: 20px;
  padding: 4px;
  text-align: center;
}

#status_inquiry {
  background: lightblue;
  color: black;
  font-size: 10px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  min-width: 20px;
  padding: 4px;
  text-align: center;
}

#status_interested {
  background: lightyellow;
  color: black;
  font-size: 10px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  min-width: 20px;
  padding: 4px;
  text-align: center;
}

#status_sold_to {
  background: lightgreen;
  color: black;
  font-size: 10px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
  min-width: 20px;
  padding: 4px;
  text-align: center;
}


#clients td:nth-child(2)  {
   text-align: left;
}
#clients td {
  text-align: center;
  font-size: 11px;
}

#clients th {
  text-align: right;
  font-size: 11px;
}

#scheduled_tasks {
  font-size: 12px;
}

.supply_logs_table {
  font-size: 12px;
}

#DTE_Field_interest {
  font-size: 12px;
}

#DTE_Field_status {
  font-size: 12px;
}

#DTE_Field_phone_contact {
  font-size: 12px;
}

#DTE_Field_offer_send_via_mail {
  font-size: 12px;
}

#DTE_Field_visit_in_office {
  font-size: 12px;
}

.pagination {
  font-size: 12px;
}

.dataTables_info {
  font-size: 12px;
}

.table tr, th {
  font-size: 12px;
}

#investments_table td:nth-child(2) {
  font-weight: bold;
}


a {
  color: black;
}

a:hover {
  color: black;
}


.fc-title  {
  color: white;
  font-size: 12px;
}

.fc-time {
  color: white;
  font-size: 12px;
}

.fc-past {
  color: white;
/*  background: lightgreen; */
}


.transcript-view .conversation-participant, .conversation-content, .transcript-view .transcriptBody {
    font-size: 13px;
    background: #f9f9f9;
    padding: 4px 20px;
}
.conversation-block {
    border: 1px solid #d3d3d3;
    border-style: dashed;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 10px
}
.visitor-name, .transcript-view .transcriptBody .visitor-name {
    color: #7fb06f;
    font-size: 13px;
}

.conversation-block {
    background:azure
}

.clear {
  margin: 2px;
}

.agent-name {
    font-size: 13px;
}
.msg-time {
    float: right;
    padding-right: 4px;
}

.conversation-content.italic {
   margin-top: 1px;
   margin-bottom: 1px;

}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #eeeeee;
    color: black;
}


#comment_table {
  font-size: 10px;
}

.fc-dayGridMonth-button, .fc-prev-button {
  margin-right: 5px;
}

.js-add-investment {
  color: white;
}

.card-header>fc-title {
  color: black;
}


.loading {
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    border-left: .8em solid rgba(58, 166, 165, 1);
    animation: spin 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.container-fluid {
  margin-bottom: 60px;
  background-color: white;
}

body {
    background-color: white;
}

#navbardrop {
  color: black;
}


.fc-button .fc-button-inner:hover {
    background-color: red;
    color: #fff;
}

.fc-button.fc-state-active .fc-button-inner {
    background-color: green;
    color: #fff;
}

.fc-button .fc-button-inner {
    background-color: #000;
    color: #fff;
}


.fa-expand-arrows-alt {
    cursor: pointer;
}


.file {
   position: relative;
   background: linear-gradient(to right, lightblue 50%, transparent 50%);
   background-size: 200% 100%;
   background-position: right bottom;
   transition:all 1s ease;
}
 .file.done {
   background: lightgreen;
}
 .file a {
   display: block;
   position: relative;
   padding: 5px;
   color: black;
}


.yt-toggle.collapsed .fa-caret-down {
  display: none;
}

.yt-toggle.collapsed .fa-caret-right {
  display: inline-block;
}

.yt-toggle .fa-caret-right {
  display: none;
}

div.dataTables_wrapper div.dataTables_processing {
   top: 0;
}


.page-item.active .page-link {
    background-color: lightgrey !important;
    border: 1px solid lightgrey;
}
.page-link {
    color: black !important;
}


.dropdown-menu a:hover{
/*    color: white !important; */
    background-color: lightgrey !important;
}

td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
}


.card-pointer {
    cursor: pointer;
    background-color: #f0f0f0;
}