@import url("loading.css");
@import url("fullcalendar_customize.css");
@import url("checkflip.css");

/* fix for datepicker on jquery modal */
/* KNOTE: this is bad... it over position on any element... for example the div of a select2 dropdown*/
/*.hasDatepicker {position: relative; z-index:2000 !important;}*/

/* Bootstrap modal custom style */
.modal-header {
  background-color: #205081;
  color: #FFF;
}

.modal-dialog .modal-footer {
  background-color: #EEE;
}

.close {
  color: #FFF;
  opacity: 1;
}

.close:hover {
  color: #FFF;
  opacity: .5;
}

.modal-body {
   min-height: 100px;
}
/***********************************/

.bottom-20 {
  margin-bottom: 20px;
}

.schedule-list a:hover {
  text-decoration: underline;
  color: blue;
}

.schedule-list a i {
  margin-right: 5px;
}

h2 {
    font-size: 1.5em;
}


#tabs {
  min-height: 86vh;
}

.table-fixed {
  width: 100%;
  background-color: #fff;
}
.table-fixed tbody {
  max-height: 72vh;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th
{
  float: left;
  background-color: #fff;
  border-color: #fff;
}

.table-fixed {
  max-height: 70vh;
  position: relative;
}

#dailyview h2 {
  margin-top: 0px;
}

#schedule input[type="checkbox"] {
  margin: 0px;
}

#interventionSchedule input[type="checkbox"] {
  margin: 0px;
}


.timepicker-hours {
  padding-top: 40px;

}
.timepicker-minutes {
  padding-top: 40px;

}

.timepicker-picker {
  padding-top: 25px;
}

.timepicker-picker .btn {
  background-color: #fff;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom::after {
  border-bottom: 6px solid #eee;
}

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
  background-color: #eee;
}

#main.content {
  position: relative;
}

#doctor-selector {
  position: absolute;
  right: 15px;
  top: -40px;
}

.fc button {
  height: 1.7em;
  padding-top: 0px;
  padding-right: 0.4em;
  padding-bottom: 0px;
  padding-left: 0.4em;
}

section#main .btn {
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
}

.expired-row td {
  background-color: #f96d6d;
  color: white;
}

.expired-row td a {
  color: white;
}

.expired-row td a:hover {
  color: white;
}


.is-programmed-row td {
  background-color: #83f7a5;
  color: black;
}

.is-programmed-row td a {
  color: black;
}

.is-programmed-row td a:hover {
  color: black;
}

.is-canceled-row td {
  background-color: #f3f788;
  color: black;
}

.is-canceled-row td a {
  color: black;
}

.is-canceled-row td a:hover {
  color: black;
}


.color-box {
  height: 1em;
  width: 1em;
  margin-right: 5px;
  border: 1px solid black;
  float: left;
}

.color-red {
  background-color: #f96d6d;
}

.color-yellow {
  background-color: #f3f788;
}

.color-green {
  background-color: #83f7a5;
}

/*
select.ui-datepicker-month {
  border: 1px solid silver;
}
select.ui-datepicker-year {
  border: 1px solid silver;
}*/

.my-errors {
  color: white;
  background-color: #f96d6d;
  border-radius: 4px;
  padding: 4px;
}

.tab-table-container {
  height: 79vh;
  overflow: scroll;
}


#tree-view .row:hover {
    border-bottom: 1px solid #205081;
}


#day-notes {
    position: relative;
}

#day-notes .loading {
    padding: 5px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

#day-notes .error {
    padding: 5px;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.ui-autocomplete-loading {
  background: white url('../images/loading.gif') right center no-repeat;
}