table {
  font-size: 14px;
}

nav.operators-fixed {
  position: fixed;
  z-index: 9;
  left: 64px;
  top: 0px;
  height: 100%;
  width: 300px;
  background: rgb(92, 108, 114);
  background: linear-gradient(to right, #515f65, #5c6c72, #515f65);
  padding: 10px;
}


.filter-agents {
    width: 100%;
    margin-top: 10px;
}

.filter-agents .searchbox {
  padding-left: 10px;
}

.agent-block {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #aaa;
  padding: 10px;
}

.clear {
  clear: both;
}

.agent-heading {
  color: #fff;
  text-align: left;
  width: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}

.agent-area {
  color: #eee;
  font-weight: normal;
  padding: 0px 0px 5px 0px;
  width: 90%;
  text-align: left;
}

.no-fill-button {
  background: none;
  color: #fff;
  border: 1px solid #aaa;
  padding: 3px 15px 3px 15px;
  border-radius: 100px;
  height: 26px;
  cursor: pointer;
}

.selected .no-fill-button {
  background: none;
  color: #fff;
  border: 1px solid #aaa;
  padding: 3px 15px 3px 15px;
  border-radius: 100px;
  height: 26px;
  background: linear-gradient(#fcd552, #f8ad2b);
  box-shadow: 0px 1px 1px 0px #898989;
}

.presto-small-btn {
  padding: 3px 15px 3px 15px;
  height: 26px;
  font-weight: normal;
}
.fleft {
  float: left;
}

.fright {
  float: right;
}

.agent-right-arrow {
  background-image: url('images/right-arrow-black.png');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 95% center;
  cursor: pointer;
}

.agent-right-arrow.selected {
  background-image: url('images/right-arrow-white.png');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 95% center;
  cursor: pointer;
}

.round-labels {
  padding: 4px 0px;
}

.td-small {
  width: 10%;
}

.minimal-appointments-table .td-wide{
  width: 40%;
}

.fc-border-separate td {
    border-width: 0px 0 0 0px;
}

.fc-time-grid .fc-slats td {
  border: 0px;
}

.fc-day-header {
  padding: 10px 0px !important;
}

.fc-content {
  padding: 10px !important;
  font-size: 12px;
  cursor: pointer;
}

.fc-time {
  font-size: 1.05em !important;
}

.fc-time-grid .fc-slats td {
  line-height: 1.8em !important;
  height: 1.8em !important;
}

.fc-axis {
  
}

.fc-center h2 {
  font-size: 20px; 
}

iframe{
    pointer-events: none;
}

iframe.clicked{
	pointer-events: auto;
}

.filter .searchbox {
  padding-left: 156px;
}

.operators-container {
  height: 100%;
  overflow: auto;
}

.filter-agents .searchbox {
    padding-left: 10px !important;
}

.modal {
    z-index: 30;
}

.allocate-dialog {
  width: 600px;
}

.red {
  color: #ff0000;
}

.appointment-listing .td-wide{
  width: 29%;
}

.appointment-listing .td-extra-wide {
  width: 35%;
}

.appointment-listing .td-small {
  width: 7%;
}

.appointment-listing .td-medium {
  width: 15%;
}

.assign-operatorButton {
  padding: 2px 15px;
  background-color: #999;
  color: #fff;
  border-radius: 20px;
  border: 1px solid #999;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  float: left;
  cursor: pointer;
}

.assign-operatorButton.selected {
  background: linear-gradient(#fcd552, #f8ad2b);
  color: #fff;
  box-shadow: 0px 1px 1px 0px #898989;
  border: none;
}

.operatorBlock.selected, .completeCalendar.selected {
  background-color: #333;
}

.calendarContainer {
  width: auto;
  overflow: auto;
}
#newCalendar, #calendar, .calendar {
  width: 3000px;
  overflow: auto;
  display: block;
}


#calendar, .calendar {
  width: auto;
}


svg:not(:root) {
  overflow: auto !important;
}

.appointments-table-container {
  max-height: 400px;
  overflow: auto;
}

.font-green {
  color: green;
}

.verifyButton {
  background: green;
  font-size: 14px;
  color: #fff;
}

.no-min-width {
  min-width: auto;
}

.calendarButtons {
  font-size: 12px;
  height: 50px;
}

.preferred {
  background: #f4c242 !important;
}

.privileged {
  background: #ebf442 !important;
}